小程序模仿雙向數據綁定

小程序模仿雙向數據綁定(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就行了