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

最新推荐文章于 2023-09-10 16:28:24 发布

北方的木

最新推荐文章于 2023-09-10 16:28:24 发布

阅读量4.2k

点赞数 6

分类专栏：微信小程序文章标签： input修改值多个input公用

本文链接：https://blog.csdn.net/q1923408717/article/details/100536234

版权

微信小程序专栏收录该内容

10 篇文章 2 订阅

订阅专栏

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
  },