小程序
小游戏
企业微信
微信支付
扫描小程序码分享
这里是12个input,每个input的key值和value对应了
这个数组中的对象
如何实现类似vue的双向数据绑定,不然36个input绑定分别用函数,实在太过....
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
已实现,方法可行
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
这还不简单, 你用 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">
循环数组输出,根据数组下标,替换数组里的对象。用splice(index,1,新对象)。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
已实现,方法可行
这还不简单, 你用 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">
循环数组输出,根据数组下标,替换数组里的对象。用splice(index,1,新对象)。