给data中的对象动态新增的属性,不能够有响应式的效果,也就是说不能触发视图更新
如果想要有响应式效果
1. 就需要提前,在对象中先把属性声明好 在obj中一开始就添加好age属性,哪怕不给值
data: {
obj: {
name: 'lw',
age: undefined
}
}
再 this.obj.age = 18;
2. 如果确实需要动态的给obj对象添加age属性,那么我们可以用到vue中提供的$set方法
这个方法,可以动态的给数据添加响应式的属性!
this.$set(this.obj, 'age', 18) |
|