微信小程序 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)
}

相关文章
|
3月前
|
iOS开发
“企业微信iPad协议”第0x0B次编译:当朋友圈接口在凌晨悄然返回空数组
新品海报发布失败,排查发现企业微信iPad端因本地时间偏差超60秒,导致`ext_ticket`校验失败。NTP校准后恢复正常。问题根源:独立加签逻辑对时间敏感,且错误不提示。精准时间成合规关键。
270 0
|
小程序 JavaScript
微信小程序之input组件及其获取用户输入信息
微信小程序之input组件及其获取用户输入信息
347 2
wx:for 微信小程序双重for嵌套如何获取内层的迭代对象
本文介绍了微信小程序中`wx:for`循环嵌套的使用方法,特别是如何在外层循环中访问内层循环的迭代对象。通过在外层`wx:for`中使用默认的`item`进行迭代,并在内层`wx:for`中通过`wx:for-item`属性指定迭代对象的名称,从而实现了双重`for`嵌套并获取内层迭代对象的目的。
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp小程序的社区帮扶对象管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp小程序的社区帮扶对象管理系统附带文章源码部署视频讲解等
115 4
|
小程序 JavaScript 索引
小程序动态添加input及删除
【8月更文挑战第16天】
|
缓存 小程序
uniapp读取(获取)缓存中的对象值(微信小程序)
uniapp读取(获取)缓存中的对象值(微信小程序)
462 1
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
3269 7
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
3002 1
|
9月前
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
2902 11
技术小白如何利用DeepSeek半小时开发微信小程序?

热门文章

最新文章