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

小程序 文章 2021-03-16 11:41 370 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群

相关文章
微信小商店扣钱严重?怎么回事,到账只有百分之一?
【付款金额超出限制】但是数据上并没有传递错误,求助
我们公司有个微信小程序考勤打卡系统,想申请人脸识别不知道在不在开放类目内?
互动型托管数据对应 key 的数据解密时,偏移量如何获取?
Windows企业微信<input type="file">表现和IE不一致
随便看看
教育科技公司申请微信支付被拒绝? 3633
微信公众号免300认证教程 4930
小程序已经上线,作为管理员无法在小程序数据助手查看数据? 3950
小程序广告组件通过审核,但是小程序内没有显示广告? 4129
企业微信通讯录账号被管理员误/恶意删除,怎么办? 7984
问题? 7219
如何快速搭建抽奖助手小程序(无需代码知识) 5011
许涛 大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 5964
小程序搜一搜全称搜索不显示 麻烦解决一下!谢谢 5489
我的小程序广告收款主体是个体工商户,每个月邮寄两次发票很是麻烦,我年底的时候打包邮寄一次可以么? 5187