小程序模仿双向数据绑定

小程序模仿双向数据绑定(vue的v-model)

在小程序开发中，并没有类似于vue中的v-model的双向数据绑定。那我们如何在小程序中实现页面修改数据时，实时更新data中的数据呢？

1、页面中的input添加bindinput事件

<input type='text' bindinput='changeVal' value="{{val}}"></input>

2、在data中初始化输入的值，在changeVal方法中，实时将值赋给val

data{
  val: ''      
},
changeVal: function(e) {
    this.setData({
      val: e.detail.value
    })
}

注意：如果想在输入完修改data中的值，将bindinput修改为bindblur就行了