data中的对象数据,在添加或删除新属性时,这个新属性可能不会及时同步更新:
data() {
return {
card: {
name: "Component Test"
}
};
},
methods: {
changeAge() {
this.card.age++;
}
},
created() {
this.card.age = 18;
}
上面这种情况,我们在触发changeAge方法时并不能如愿看到view中绑定age的视图更新。应该采用如下方法:
data() {
return {
card: {
name: "Component Test"
}
};
},
methods: {
changeAge() {
this.card.age++;
}
},
created() {
// this.card.age = 18;
// 以下两种方法都可以
// this.$set(this.card, "age", 20);
this.card = Object.assign({}, this.obj, { age: 20 });
}
网友评论