微信小程序setData给数组赋值问题

原创已于 2023-02-02 11:29:17 修改 · 2.2k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序 #小程序

于 2023-02-02 11:21:37 首次发布

微信小程序专栏收录该内容

18 篇文章

订阅专栏

在小程序开发中，通常使用this.setData()来更新数据并渲染视图。当需要修改数组中特定下标的对象属性时，可以使用如demo[0].xxx这样的语法。如果下标不确定，可以通过事件绑定传递index，在bindKeyInput事件处理函数中动态构建数据路径，如name:demo[+e.currentTarget.dataset.index+].xxx，然后调用this.setData()进行更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为小程序中分有逻辑层和渲染层等。所以需要用setdata函数，渲染到视图界面。普通的修改属性是通过this.setData({demo:true})的方法设置，但是本人遇到一种情况，需要通过下标区改变数组某一项中的某属性的值，方法如下：

1.有确定的下标情况下

this.setData({
	'demo[0].xxx': e.detail.value,
})

2.没有确定的下标情况下

<input class="input" type="text" placeholder="请输入标题" value="{{item.xxx}} bindinput="bindKeyInput" data-index="{{index}}" 
bindKeyInput(e) {
	let name = 'demo[' + e.currentTarget.dataset.index + '].xxx'
	this.setData({
		[name]: e.detail.value,
    })
},