微信小程序本身只可以进行单向绑定,从js到html的绑定可以进行响应,但是html到js是不能响应的
我们在html中使用input标签进行信息的填写,同时我们希望在对应的js中可以时刻监听,获取到页面上的数据。
<view><text>*</text><text>电话:</text><input bindinput="inputedit" data-obj="telPhone" value="{{telPhone}}"></input></view>
<view><text>*</text><text>快递设备地址:</text><input value="{{deviceAddress}}" bindinput="inputedit" data-obj="deviceAddress"></input></view>
这是html页面的标签,我们在标签中加上bindinput事件,然后用data-的方式进行传值
//数据的双向绑定
inputedit(e){
let dataset = e.currentTarget.dataset;
let value = e.detail.value;
this.data[dataset.obj] = value;
//obj是我们使用data-传递过来的键值对的键
this.setData({
obj: this.data[dataset.obj]
})
console.log(this.data);
},
data中提前写好需要绑定的数据
telPhone: '',
deviceAddress: '',
这个时候我们就可以时刻获取到html中改变的值