Vue this A = this.B ,A与B 会全局相互影响

最新推荐文章于 2023-11-15 09:44:35 发布
最新推荐文章于 2023-11-15 09:44:35 发布
阅读量303 收藏
点赞数
分类专栏： vue.js 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011519923/article/details/122489983
版权

如果 this.A = this.B ，则会导致 A值 或者 B值 ，只要其中一个改变了值，A和B都会改变。因为

this.A与this.B指针指向相同的地址。

this.defaultFloors=JSON.parse(JSON.stringify(this.selectFloorsNames));

所以我们先this.selectFloorsNames转json字符串 再转数组 然后赋值给this.defaultFloors这样不会相互影响

仰望星空1123
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
11-20
首先，我们来看标题和描述中提到的问题：在Vue的全局路由守卫`router.beforeEach`中，试图使用`this.$vux.loading.hide()`时，可能会遇到`this`未定义或无法访问的错误。这是因为`router.beforeEach`是一个回调函数...
Vue中this.$nextTick的作用及用法
11-21
在组件内部，`vm.$nextTick()`方法非常有用，因为它不需要全局的Vue实例，且自动将`this`绑定到当前组件实例。例如，以下组件中`updateMessage`方法展示了如何使用`$nextTick`： ```javascript Vue.component('...
VUE this.A = this.B 对象赋值，修改新对象A导致原对象B同步变化
Alice
10-26 1848
问题 this.A = this.B 没有进行深度拷贝，只是把this.A的地址指向了与this.B相同的地址，两者共用同一内存，所以修改this.A导致this.B同步变化。 解决方法 ##方法1 this.A=JSON.parse(JSON.stringify(this.B)); 将对象转成字符串剔除对象属性后,再转换成对象赋值，这样能解决指向相同地址修改会相互影响的问题。 ##方...
vue中 this.A = this.B会改变B的值怎么办
岁末zzz的博客
05-25 917
解决方法: this.A=JSON.parse(JSON.stringify(this.B)); 里面的this.A= JSON.parse(JSON.stringify(this.B)); 如果是直接this.A= this.B的话会把 this.A替换为this.B然后再把this.B赋值给this.A相当于 this.A= this.A所以先转json字符串 再转数组 然后赋值给...
vue两对象赋值后一直相等，或改变一个对象另一个对象跟着改变问题
机智如我
01-07 3811
在vue中，假如定义一个对象 var obj1 = { index:1, name:first } var x = obj1; obj1.index = 2; console.log(x.index) 这个得出的结果也是2，原因好像是vue将obj1的地址给了x，这样x实际是指向的obj1相当于指针。今天在实际应用中也发现一个更隐藏的bug。 load(){ this.old = [...
vue中使用data中的数据a给赋值给另外一个变量b，改变a或b的值，另一个对象也变化的解决方法
qq_36615408的博客
11-30 2008
数组、对象、值都适用参考 在vue中 this.A = this.B,没有进行深层赋值，只是把this.A的地址指向了与this.B相同的地址，所有对于A的修改会影响到B 解决相互影响的思路是在this.A必须是新建的一个对象，这样才能保证不被指向同一地址，属性修改不会相互影响。 this.A=JSON.parse(JSON.stringify(this.B)); 1 将对象转成字符串剔除对象属性后,再转换成对象赋值，这样能解决指向相同地址修改会相互影响的问题。里面的this.A= JSON.p
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
最新发布
weixin_42475906的博客
11-15 448
在vue中【=】在对象赋值里面，没有进行深层赋值，【this.A 】指向的依旧是【 this.B 】里面的原地址，所以修改了【 this.A】里面的属性，【 this.B】里面的属性也会发生改变。例：this.A = this.B 或 const A = this.B 等形式的 对象赋值，修改新对象A导致原对象B同步变化。
解决vue.js this.$router.push无效的问题
12-09
Vue Router是一个强大的路由管理库，它与Vue实例紧密集成，通过`this.$router`对象提供导航功能。`this.$router.push(path)`方法用于向URL栈中添加新的记录，并导航到指定的路径。如果路径已存在于历史记录中，它会...
this.$toast() 了解一下？
10-17
在Vue.js框架中，`this.$toast()` 是一种方便的全局方法，用于在应用中快速显示消息提示，类似于浮层通知。这种功能常见于各种UI框架中，如Element UI、Vuetify等，它允许开发者在任何地方通过简单的JavaScript调用...
一.js高级(4)-函数调用-this指向-其他参数
banhui0728的博客
12-12 101
四: 函数 函数定义方式: 函数声明 函数表达式 new Function　　var fn = new Function('a', 'b', 'console.log(a+b)' ); fn(3,4) ; //5 函数声明和函数表达式的区别: 　　　　a.函数表达式相当于给变量赋值, 预解析中只有函数名提前 　　　　b.函数声明 整个函数都会提升,声明前后都可以调...
this指针
qcg14774125的博客
02-15 277
function fn() { this.a = 0; this.b = function() { alert(this.a) } } fn.prototype = { b: function() { this.a = 20; alert(this.a); }, c: function() { ...
vue a对象=b对象，修改a对象，b对象也会跟着修改
qq_35811626的博客
06-26 2175
vue中this.A = this.B,只是把A指向了和B相同的地址，类似于引用传递，所有修改A的值会影响到B。 解决方式:this.A=JSON.parse(JSON.stringify(this.B)); 将对象转成字符串再转换成对象赋值 ...
vue避免变量在不同情况赋值后重复影响（即避免双向绑定）
учёба
05-29 982
如或者是，这种情况会导致这里有两种方法去解决。
【js踩坑之路】复制变量值的具体用法
yapeee的博客
01-16 665
问题描述： 在VUE中，设置了this.a = this.b（b为object类型），input中使用v-model绑定了this.a，发现在改变a的值后，b的值也会跟着改变。经查询，是由于不清楚js中复制变量值的具体用法，从而引发的问题。 复制变量值 从一个变量向另一个变量复制值的操作。在上述操作中，this.a = this.b的操作就是复制变量值。 复制变量值包括两种操作，一种是复制...
JavaScript在new一个对象的时候具体发生了什么
w13508763507的专栏
10-27 3321
我们经常使用new去调用的一个构造器函数, 但是new之后到底做了什么呢? 如: var Person = function (name) { this.name = name; } var p = new Person("Boring"); 以上代码在调用时,会变成如下  var p = (Person (name) { var _newObj = { //#0 constructo...
不使用新变量交换两个变量的值
ʚ菲菲的博客ɞ
06-28 74
1、利用变量与变量间的加减法 this.a = 22; this.b = 29; this.a = this.a + this.b; //此时this.a 为 51 this.b = this.a - this.b; //此时this.b 为 51-29=22 this.a = this.a - this.b; //此时this.a 为 51-22=29 2、利用数组 this.a = 22; this.b = 29; this.a = [this.a , this.b]; this.b = t
vue A对象赋值给B对象，修改B属性会影响到A问题
Yahets_Lee的专栏
06-21 3519
由于写惯了后台代码，对于前端中A对象赋值给B对象，修改B属性会影响到A问题开始以为会像后台代码一样重新创建一个引用对象。实际在vue中  this.A = this.B,没有进行深层赋值，只是把this.A的地址指向了与this.B相同的地址，所有对于A的修改会影响到B。解决相互影响的思路是在this.A必须是新建的一个对象，这样才能保证不被指向同一地址，属性修改不会相互影响。解决方式:     ...
Vue中的this
君临天下
04-16 3576
在vue内部的this变量到底是谁呢，我们在created的时候，打印this var vm = new Vue({ el:"#app", data:{ hello: '' // hello初始化为空 }, created(){ this.hello = "czdx,一统江湖，千秋万代"; console.log(th...
vue3中全局挂载Vue.prototype.handleTree = handleTree怎么写
06-10
在 Vue3 中，全局挂载需要使用 app.config.globalProperties，可以在 main.js 中进行如下操作： ```javascript import { createApp } from 'vue' import App from './App.vue' const app = createApp(App) // ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值