微信小程序如何实现input双向绑定

微信小程序本身只可以进行单向绑定,从js到html的绑定可以进行响应,但是html到js是不能响应的

我们在html中使用input标签进行信息的填写,同时我们希望在对应的js中可以时刻监听,获取到页面上的数据。

  *电话:
    *快递设备地址:

这是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中改变的值

你可能感兴趣的:(微信小程序,双向绑定)