小程序模仿双向数据绑定(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就行了