在wx小程序中实现双向数据绑定

实现步骤：
① 定义数据
② 渲染结构, 绑定 data 中的数据
③ 监听 input 事件

具体代码如下:

//定义数据：
/** 页面的初始数据*/
 data: {
  msg: '请输入...'
}

渲染结构：将data中的 msg 绑定到输入框的 value 属性

<!-- input和data中的数据同步-双向数据绑定 -->
<view class="iptBox">
 <input value="{{ msg }}" bindinput="inputHandle" class="ipt2"
type="checkbox"></input>
</view

监听 input 事件:

 // 实现input的数据和data数据同步
 inputHandle(e) {
  this.setData({
   msg: e.detail.value
 })
}