在小程序中动态改变前端数据的最大功臣就是this.setData(),这里简单概述下通过this.setData赋值有哪几种情况:
1、固定属性赋值
wxml:
<view>{{item.name}}</view>
<view>{{item.age}}</view>
js
data:{
item:{
name: "张三",
age:24
}
}
这时候界面上显示的就是张三 24
当我们修改姓名的时候有两种方案
//第一种,整体赋值
this.data.item.name="李四";
this.setData({
item:item
})
//第二种,单个属性赋值
this.setData({
'item.name':'李四'
})
2、动态属性赋值
比如说我现在想给 a0 赋值0 a1赋值1 a2 赋值2 但是不想写三遍,可以用循环
for (let i = 0; i < 3; i++) {
let name= `a${i}`;
this.setData({
[name]:i
})
}