微信小程序实现表单的双向数据绑定

wxml代码:


    收货人:
    
  

    联系方式:
    
  

    详细地址:
    
  

wxjs代码:

data: {
    info:{
      receiveName: "",
      telephone:"",
      detailedAddress: ""
    }
  },
//表单数据绑定
  inputInfo: function (e) {
    // 1. input 和 info 双向数据绑定
    let dataset = e.currentTarget.dataset;
    //data-开头的是自定义属性,可以通过dataset获取到,dataset是一个json对象,有obj和item属性,可以通过这两个实现双向数据绑定,通过更改这两个值,对不同name的变量赋值
    let value = e.detail.value;
    this.data[dataset.obj][dataset.item] = value;
    this.setData({
      info: this.data[dataset.obj]
    })
  }

你可能感兴趣的:(小程序)