您的当前位置:首页正文

微信小程序多个input标签公用取值修改方法

2024-12-01 来源:个人技术集锦

wxml初始化两个input标签绑定同一个bindinput事件

 <input bindinput="updateValue" type="number" data-name='reportNo' value="{{reportNo}}"></input>
 <input bindinput="updateValue" data-name='storeNumber' value="{{storeNumber}}"></input>

后台定义初始化数据
data: {
reportNo: “”,
storeNumber: “”,
}
定义var app = getApp()
下面就是调用的公用方法
updateValue: function(e) {
this.setData(app.updateValue(e))
},
app.js添加这个方法,用于各个页面调用

  // 用于input值改变,
  // 传入形参,返回值
  updateValue(e) {
    let name = e.currentTarget.dataset.name;
    let nameMap = {}
    nameMap[name] = e.detail && e.detail.value
    return nameMap
  },
显示全文