收藏
回答

数量多的input的如何快速与data建立关联?

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

这个数组中的对象

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

回答关注问题邀请回答
收藏

3 个回答

  • webDevelopers
    webDevelopers
    2021-03-16

    已实现,方法可行

    2021-03-16
    有用 1
    回复
  • 今天也很好
    今天也很好
    2021-03-16

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


    例如

    js

    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">
    
    2021-03-16
    有用 1
    回复 2
    • 今天也很好
      今天也很好
      2021-03-16
      纯手打, 运行结果不保证正确, 但基本思路是这样的
      2021-03-16
      2
      回复
    • webDevelopers
      webDevelopers
      2021-03-16
      感谢感谢,已经做完了
      2021-03-16
      回复
  • 苡_惔莣
    苡_惔莣
    2021-03-16

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

    2021-03-16
    有用 1
    回复
登录 后发表内容
问题标签