vue的set完成数据修改视图不更新的问题处理

在vue的使用当中我们可能会遇到修改数据后vue视图不更新的情况,这种情况常出现在:

使用下标修改数组或对象的值时:

调用方法:Vue.set( target, key, value )
target:要更改的数据源(可以是对象或者数组)
key:要更改的具体数据
value :重新赋的值

      enterprise: [{
        title: '',
        introduce: '',
        imgs: []
      }],

    
      //调换数组enterprise的两组数据位置,更新视图

      let enbefore = this.enterprise[index - 1];
      let enthis = this.enterprise[index];
      this.enterprise[index - 1] = this.enterprise[index];
      this.enterprise[index] = enbefore;
      this.$set(this.enterprise, index - 1, enthis);
      this.$set(this.enterprise, index, enbefore);

   

猜你喜欢

转载自www.cnblogs.com/qlongbg/p/12895243.html