Vue2中给已定义数据,动态添加属性并赋值

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

相关文章