vue——赋值后修改,原对象信息也会发生变化

问题:

  在通过  let a = b  将b数据赋值给a,通过a修改a的值如:a.id = 1,b的id也会变为1。

原因:

  在VUE中【=】在对象赋值里面,没有进行深层赋值,【let datas】指向的依旧是【datas】里面的原地址,所以修改了【let datas】里面的属性,【datas】里面的属性也会发生改变。

解决方法

  方法一:

创建一个新的对象,指向新的内存地址,通过JSON解析。同 handleClick2

let datas = JSON.parse(JSON.stringify(this.datas));

  方法二:

es6之展开Object.assign(拷贝obj的内容到一个新的堆内存,copyObj存储新内存的引用),同handleClick3

let datas = Object.assign({},this.datas);

  方法三:

es6之展开运算符(仅用于数组)同handleClick4

let copyArr = [...obj];

 

此贴仅为记录。

原帖地址:https://www.cnblogs.com/e0yu/p/14972775.html

 

上一篇:pandas某一字段存在空值nan,如何找到这些列


下一篇:5-4机器学习 --- 多分类学习