vue中 不更新视图 四种解决方法

官网文档说明：https://cn.vuejs.org/v2/guide/reactivity.html

方案一：利用Vue.set(object,key,val)

例：Vue.set(vm.obj,'key','value')

 

方案二：利用this.$set(this.obj,key,val)

例：this.$set(this.obj,'key','value')

 

方案三：利用Object.assign({}，this.obj)创建新对象

Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

Object.assign(target, ...sources)

参数
target
目标对象。

sources
源对象。

返回值
目标对象。

例：

const target = { a: 111, b: 2 };
const source = { b: 4, c: 5 };

const returnedTarget = Object.assign({},target, source);

console.log(target);
// expected output: Object { a: 111, b: 2}

console.log(returnedTarget);
// expected output: Object { a: 111, b: 4, c: 5 }

 

方法四：splice  替换  传三个参数 （开始下标，删除个数，替换内容）

 this.tmpList.splice(index,1,'0');