vue爬坑：把对象中的数据给了某个变量，改变⼀个对象的值，
另⼀个对象也变化
问题描述：在vue中把data中的两个对象optionA的值赋给optionB，改变optionB的值optionA的值也随之改变
data: {
optionA: {
a: 1
},
optionB: {
a: ''
vuejson转对象}
}
将optionA的内容赋值给optionB，改变optionB⾥对象的值，发现optionA⾥的值也跟着变化了。为什么会出现这种情况呢？其实，这是⼀个引⽤传递⽽不是值传递，optionA和optionB指向的是同⼀个内存地址。
1this.optionB = this.optionA
2this.optionB.a = 5
3 console.log(this.optionA.a)    // 5
4 console.log(this.optionB.a)    // 5
如果我们不想让dataA的值跟着联动变化，应该怎么做呢？可以先把dataA转换成字符串，然后在转换成对象，代码如下：
1this.optionB = JSON.parse(JSON.stringify(this.optionA));
2this.optionB.a = 5;
3 console.log( this.optionA.a);  // 1
4 console.log( this.optionB.a);  // 5

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。