微信小程序 input 动态修改对象数组中某一值

简介: 【8月更文挑战第15天】

微信小程序 input 双向绑定数组,很多场景需要动态修改数组中的某一值,如
xml中如下绑定数组arrayData:




1
2
3
4
data数据:

arrayData : [
{name : "mm", id : 1},
{name : "tt", id : 2}
]
1
2
3
4
'
运行运行
那么js中怎么设置,使其能够实现双向绑定呢?
正确的做法是:

onInput: function(e){
//数组浮标
var index = e.currentTarget.dataset.index
console.log(index)
//输入的值
var value = e.detail.value
//动态拼装设值的属性
var _target = arrayData[${index}].name
//赋值
this.setData({
//重要!!! 中括号[]必不可少,否则不生效
[_target] : value
})
//打印赋值后的数据数据
console.log(this.data.arrayData)
}

相关文章
|
iOS开发
“企业微信iPad协议”第0x0B次编译:当朋友圈接口在凌晨悄然返回空数组
新品海报发布失败,排查发现企业微信iPad端因本地时间偏差超60秒,导致`ext_ticket`校验失败。NTP校准后恢复正常。问题根源:独立加签逻辑对时间敏感,且错误不提示。精准时间成合规关键。
654 0
|
小程序 JavaScript
微信小程序之input组件及其获取用户输入信息
微信小程序之input组件及其获取用户输入信息
507 2
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的社区帮扶对象管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的社区帮扶对象管理系统附带文章源码部署视频讲解等
202 4
wx:for 微信小程序双重for嵌套如何获取内层的迭代对象
本文介绍了微信小程序中`wx:for`循环嵌套的使用方法,特别是如何在外层循环中访问内层循环的迭代对象。通过在外层`wx:for`中使用默认的`item`进行迭代,并在内层`wx:for`中通过`wx:for-item`属性指定迭代对象的名称,从而实现了双重`for`嵌套并获取内层迭代对象的目的。
|
小程序 JavaScript 索引
小程序动态添加input及删除
【8月更文挑战第16天】
|
缓存 小程序
uniapp读取(获取)缓存中的对象值(微信小程序)
uniapp读取(获取)缓存中的对象值(微信小程序)
646 1
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
584 1
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
小程序 前端开发 JavaScript
在线课堂+工具组件小程序uniapp移动端源码
在线课堂+工具组件小程序uniapp移动端源码
540 0
在线课堂+工具组件小程序uniapp移动端源码
|
移动开发 小程序
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
thinkphp+uniapp开发的多端商城系统源码/H5/小程序/APP支持DIY模板直播分销
1023 0