首页 > 技术文章 > vue的set完成数据修改视图不更新的问题处理

qlongbg 2020-05-15 15:31 原文

在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);

   

 

推荐阅读