Vue2中给已定义数据,动态添加属性并赋值
export default {
data() {
return {
from:{
name:“数据”,
type:“String”
}
}
}
}
methods:{
// 如果直接这样写:
this.from.value = 123; //在原生中,这样写可行,没有的属性的话,就会去自动添加新属性。,但是在这里,vue实例身上就不行,因为vue(2.0版本)无法监听到对象以及数组的数据动态新增或删除,也就是说,这里添加了,但是vue的视图层,并不会动态更新。
//这里就需要用到下面这个方法:
this.$set(this.from, "value", 123);//实现响应式添加数据
}