vue解决数据更新，界面未更新的方法

一、暴力型

this.$forceUpdate()

二、婉约型

用一个临时变量保存数据，完成所有操作后；最后再赋值给data里面指定的变量

eg：

let obj = {...}

// 各种操作  obj.a = ...

this.dataObj = obj;

三、官方型

使用 $set

eg:

data() {
   return {      
       obj:{
          a: 'aaaaa',
       }
   }
}

//methods中某一个方法中，给obj添加一个 b 属性
changFn(){
    this.$set(this.obj, 'b', 'bbbbb')
}

 

 

参考博客：https://www.jianshu.com/p/71b1807b1815

对博客文章的参考，若原文章博主介意，请联系删除！请原谅

文章仅为本人学习过程的一个记录，仅供参考，如有问题，欢迎指出！