微信小程序this.setData修改数组单挑数据
方式一:
使用['字符串'],例如
this.setData({
['user_info.age']: 20,
['cars[0]']: 'tesla'
})
let index = 1;
this.setData({
['list['+index+'].checked']:true
})
方式二:
构造变量,重新赋值,例如
var temp = this.data.user_info
temp.age = 30
this.setData({
user_info: temp
})
var temp = this.data.cars
temp[0] = 'volvo'
this.setData({
cars: temp
})
方式三:
直接使用字符串,此种方式之前不可以,现在可以了,估计小程序库升级了。
注意和第一种方法的对比,推荐还是使用第一种方法。
this.setData({
'user_info.age': 40,
'cars[0]': 'ford'
})
完整代码:
Page({
/**
* 页面的初始数据
*/
data: {
user_info:{
name: 'li',
age: 10
},
cars:['nio', 'bmw', 'wolks']
},
change_data: function(){
console.log('对象-修改前:', this.data.user_info)
this.setData({
['user_info.age']: 20
})
console.log('对象-修改后1:', this.data.user_info)
var temp = this.data.user_info
temp.age = 30
this.setData({
user_info: temp
})
console.log('对象-修改后2:', this.data.user_info)
this.setData({
'user_info.age': 40
})
console.log('对象-修改后3:', this.data.user_info)
console.log('数组-修改前:', this.data.cars)
this.setData({
['cars[0]']: 'tesla'
})
console.log('数组-修改后1:', this.data.cars)
var temp = this.data.cars
temp[0] = 'volvo'
this.setData({
cars: temp
})
console.log('数组-修改后2:', this.data.cars)
this.setData({
'cars[0]': 'ford'
})
console.log('数组-修改后3:', this.data.cars)
}
})
原创文章,转载请注明:微信小程序this.setData修改数组单挑数据 | 知识改变命运
转载请注明出处: 知识改变命运 » 微信小程序this.setData修改数组单挑数据