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

   

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM