解决vue A对象赋值给B对象,修改B属性会影响到A的问题

Posted hudayang2008

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决vue A对象赋值给B对象,修改B属性会影响到A的问题相关的知识,希望对你有一定的参考价值。

实际在vue中 this.A = this.B,没有进行深层赋值,只是把this.A的地址指向了与this.B相同的地址,所有对于A的修改会影响到B。

解决相互影响的思路是在this.A必须是新建的一个对象,这样才能保证不被指向同一地址,属性修改不会相互影响。

解决方式:

前端精品教程:百度网盘下载

1
this.A=JSON.parse(JSON.stringify(this.B));

将对象转成字符串剔除对象属性后,再转换成对象赋值,这样能解决指向相同地址修改会相互影响的问题。

以上是关于解决vue A对象赋值给B对象,修改B属性会影响到A的问题的主要内容,如果未能解决你的问题,请参考以下文章

vue关于this.a=this.b,改变this.b的数据问题

vue 为已有对象赋值多个新属性的方法

vue中修改对象数组的属性值不会渲染到页面上

vue修改弹框的多选框会影响表格的内容

Python 的类里面给属性重新赋值用了啥方法?

谨慎修改Python的类属性