JS对象赋值问题

Object.assign()

• 在使用element的过程中使用对象赋值this.temp=this.listQuery在修改表格form中temp值的时候发现描述对象中的listQuery的数据一起改变。
• 最后发现，JS对象的赋值是默认引用赋值的。
  查询相关资料，发现了可以使用Object.assign()解决

• 官方解释

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

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

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

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

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

所以更改后this.temp = Object.assign({}, this.listQuery);这样就不会随之变化了。