数量多的input的如何快速与data建立关联？ - WXOPEN Club

这里是12个input，每个input的key值和value对应了

这个数组中的对象

如何实现类似vue的双向数据绑定，不然36个input绑定分别用函数，实在太过…

jing24 1楼•3 年前

已实现，方法可行

xia47 2楼•3 年前

这还不简单, 你用 data-index 跟 data-name 来区分, 然后用一个公用的输入函数, 在函数内setdata 不就好了

例如

changeData(e) {
  // 修改值 的信息
  let index = e.currentTarget.detail.index
  let name = e.currentTarget.detail.changename

  // 输入值
  let value = e.detail.value

  let upStr = `${name}[${index}].xxx`

  this.setData({
    [upstr]: value
  })
 }

wxml

<input data-index="1" data-changeName="test" bindchange="changeData">

fzhang 3楼•2 年前

循环数组输出，根据数组下标，替换数组里的对象。用splice(index,1,新对象)。