vue中不更新视图的处理办法？

青梅煮码

发布于 2023-01-16 07:46:20

2K00

代码可运行

文章被收录于专栏：青梅煮码青梅煮码

运行总次数：0

代码可运行

方案一：利用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 }