即给对象新增响应式属性
描述:data初始化中的对象没有该属性,当在后续代码编写中动态给改对象添加一个属性,那么页面在上动态的显示这个属性对应要控制的状态就会显现不出来
data(){
return{
obj:{
name:'',
age:'',
}
}
}
对象中没有show这个属性,如果在页面操作的过程中,给这个对象加了一个this.obj.show=false,想让某个控件不要显示,那么这个效果就会出不来,但是查看这个对象的时候能够看到这个对象已经有了这么一个属性,并且值也是false
解决方法
1.使用this.$set()或者 Object.assign()添加数据
2.数据层次太多, 数据修改了,但页面没有重新渲染使用 this.$forceUpdate()