如果我需要在某个方法流程中,给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);//实现响应式添加数据
}
 
Logo

前往低代码交流专区

更多推荐