Vue 2 修改数组对象属性:使用 $set 方法
Vue 2 修改数组对象属性:使用 $set 方法
要修改数组对象内的某个属性,可以使用 Vue 的 $set 方法。以下是一个示例代码:
// 假设有一个数组对象
data() {
return {
items: [
{ id: 1, name: 'Item 1' },
{ id: 2, name: 'Item 2' },
{ id: 3, name: 'Item 3' }
]
}
}
// 修改数组对象内的某个属性
methods: {
updateItemName(index, newName) {
this.$set(this.items[index], 'name', newName);
}
}
在上面的代码中,updateItemName 方法接收两个参数:index 表示要修改的对象在数组中的索引,newName 表示要更新的新属性值。然后,通过 this.$set 方法,将 name 属性的值更新为 newName。这样就能实现修改数组对象内某个属性的功能。
原文地址: https://www.cveoy.top/t/topic/mCCK 著作权归作者所有。请勿转载和采集!