欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue记录:把对象中的数据赋给某个变量,改变一个对象的值,另一个对象也变化

程序员文章站 2024-01-28 12:29:22
...
 data(){
  return{
      tmp1:{
          t:1
      },
      tmp2:{
          t:''
      }
  }  
},

将tmp1的内容赋值给tmp2,改变tmp2里对象的值,发现tmp1里的值也跟着变化了。
为什么会出现这种情况呢?
其实,这是一个引用传递而不是值传递,tmp1和tmp2指向的是同一个内存地址。

如果我们不想让temp1的值跟着联动变化,应该怎么做呢?直接看代码

this.temp2= JSON.parse(JSON.stringify(this.temp1));
this.temp2.t = 'ssss';
console.log( this.temp1.t);//打印结果:1
console.log( this.temp2.t);//打印结果:ssss
相关标签: VUE vue