1、空对象赋值后,再追加属性,修改追加属性时视图不更新
- 错误例子
data() {
return {
personObject: null,
}
},
methods: {
setAddress() {
this.personObject = { name: '李白', age: 24 };
// 错误示例
this.personObject.address = '山东';
}
}
- 正确示例
这样后面再修改address就可以触发视图更新了
this.$set(this.personObject, 'address', '山东');