VUE爬坑:把对象中的数据给了某个变量,改变一个对象的值,另一个对象也变化的解决办法!
程序员文章站
2024-01-28 11:42:46
...
在vue中,在data里建立两个对象。
data() {
return {
dataA:{
a:1
},
dataB:''
}
};
将dataA的内容赋值给dataB,改变dataB里对象的值,发现dataA里的值也跟着变化了。为什么会出现这种情况呢?其实,这是一个引用传递而不是值传递,dataA和dataB指向的是同一个内存地址。
this.dataB = this.dataA;
this.dataB.a = 5;
console.log( this.dataA.a);//返回5
console.log( this.dataB.a);//返回5
如果我们不想让dataA的值跟着联动变化,应该怎么做呢?可以先把dataA转换成字符串,然后在转换成对象,代码如下:
this.dataB = JSON.parse(JSON.stringify(this.dataA));
this.dataB.a = 5;
console.log( this.dataA.a);//返回1
console.log( this.dataB.a);//返回5
上一篇: 朴素贝叶斯算法——实现新闻分类(Sklearn实现)
下一篇: 手机拍摄全景的方法讲解
推荐阅读
-
vue记录:把对象中的数据赋给某个变量,改变一个对象的值,另一个对象也变化
-
把对象中的数据给了某个变量,改变一个对象的值,另一个对象也变化的解决办法!...
-
vue爬坑:把对象中的数据给了某个变量,改变一个对象的值,另一个对象也变化
-
把对象中的数据给了某个变量,改变一个对象的值,另一个对象也变化的解决办法!...
-
vue爬坑:把对象中的数据给了某个变量,改变一个对象的值,另一个对象也变化...
-
vue踩坑记:把对象中的数据同时赋给了两个变量,改变一个对象的值,另一个对象也变化了
-
VUE爬坑:把对象中的数据给了某个变量,改变一个对象的值,另一个对象也变化的解决办法!
-
vue中使用data中的数据a给赋值给另外一个变量b,改变a或b的值,另一个对象也变化的解决方法