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

小程序 文章 2021-03-16 11:41 387 0 全屏看文

AI助手支持GPT4.0

数量多的input的如何快速与data建立关联?How to quickly associate a large number of inputs with data?

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

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

这个数组中的对象

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

Here are 12 inputs. The key value and value of each input correspond to the objects in this array. How to implement bidirectional data binding similar to Vue? Otherwise, the 36 inputs are bound with functions respectively, which is too much

回答:

asuka:

已实现,方法可行

后天会更好:

这还不简单, 你用 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">
后天会更好:纯手打, 运行结果不保证正确, 但基本思路是这样的
asuka:感谢感谢,已经做完了
苡_惔莣:

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

-EOF-

AI助手支持GPT4.0


国内超级便宜服务器

摸鱼人热门新闻聚合

钻级赞助商 我要加入

开发者在线工具

第三方支付技术请加QQ群

相关文章
公众号文章跳转小程序指定页面参数错误,求解?
wx.showModal中怎么取input的值呢?
微信支付特约商户可以转普通商户吗?怎么转?
获取用户信息成功,一直返回'微信用户' 不是本人的微信名?
预览编译总是碰到报错怎么办?
随便看看
小程序版本无法提交审核 296
小程序I P 地址忘了,怎么找回呢? 436
APP官网审核,希望可以通过:你好,官网需包含应用名称字眼及其应用介绍等基础内容,……。 584
哥哥们,关于小程序嵌套H5的问题,我在小程序中放了微信红包封面领取链接,为什么会提示请使用微信打开? 622
uniapp中web-view调用h5异常? 1590
企业微信加人流程相关优化建议总结 344
请问你们放假了吗?修改能否帮忙审核下? 398
微信扫一扫连WIFI功能下架后,如何实现微信内网页链接wifi ,是否有接口? 673
我从服务通知进入小程序,然后发现程序没有进入onload和onshow这两个方法? 405
企业微信 会话内容存档 免费体验版 选用了企业版 但是获取列表为什么不包含语音? 371