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

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

相关文章
扫码点餐和外卖小程序必须每年各交300元的认证费吗?
退款提示这个:商户号该产品权限处罚中,请前往商户平台
请问哪里有小程序开发者群加?
现在上传公众号封面一直显示系统繁忙,重新打开也没有用?
创建空一个项目,创建一个空子域。在微信开发者工具里,启用 增强编译后,在手机微信里游戏启动后报错
随便看看
企业微信通讯录账号被管理员误/恶意删除,怎么办? 8500
问题? 8123
如何快速搭建抽奖助手小程序(无需代码知识) 5279
许涛 大哥在吗, 要解冻小程序的时候提示信息主体不一致, 能帮忙看下吗? 6551
小程序搜一搜全称搜索不显示 麻烦解决一下!谢谢 5840
我的小程序广告收款主体是个体工商户,每个月邮寄两次发票很是麻烦,我年底的时候打包邮寄一次可以么? 5503
如何解决渲染层网络错误Failed to load media? 16752
小程序找号找回 释放昵称? 2768
我的小程序广告主收入5301,实际进账4406,是怎么回事呀? 2637
删除部分微信用户个人数据的通知,怎么删除? 5810