小程序-数据双向绑定

Posted 南啾

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了小程序-数据双向绑定相关的知识,希望对你有一定的参考价值。

wxml

view>手机号:</view>
<input value="{{phone}}" bindinput="bindPhone" placeholder="请输入手机号"></input>

<view>验证码:
  <text>点击获取验证码</text>
</view>
<input value="{{code}}" bindinput="bindCode" placeholder="请输入验证码"></input>

js


  data: {
    phone:"",
    code:""
  },
  bindPhone:function(e){
    this.setData({phone:e.detail.value});
  },
  bindCode:function(e){
    this.setData({code:e.detail.value});
  },

 

以上是关于小程序-数据双向绑定的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序复杂对象的双向绑定(附代码可直接使用)

微信小程序复杂对象的双向绑定(附代码可直接使用)

微信小程序复杂对象的双向绑定(附代码可直接使用)

微信小程序中的数据双向绑定

微信小程序入门-指南针

小程序-数据双向绑定