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