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