vue中，将a变量赋值给b变量，修改a变量，会影响到b变量。vue缓存重置问题

最新推荐文章于 2023-06-21 16:41:18 发布
最新推荐文章于 2023-06-21 16:41:18 发布
阅读量858 收藏 1
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sing_a_song_again/article/details/97733403
版权

查询接口获取到的接口数据渲染进页面以后，想要存储一份，以防用户点击重置按钮，不要再次调用接口获取数据。

在vue中，a变量赋值b变量以后，修改a变量的内容，会影响到b变量也同时修改，这样就不符合需求。

解决方法：

赋值的时候使用JSON.parse()和JSON.stringify()进行转换即可赋值以后，b变量不受影响

this.b =  JSON.parse(JSON.stringify(this.a))

 

风雨飘飘飘啊飘
关注
vue记录：把对象中的数据赋给某个变量，改变一个对象的值，另一个对象也变化
一川死水
06-17 2151
data: { temp1: { t: 1 }, temp2: { t: '' } } 将tmp1的内容赋值给tmp2，改变tmp2里对象的值，发现tmp1里的值也跟着变化了。 为什么会出现这种情况呢？ 其实，这是一个引用传递而不是值传递，tmp1和tmp2指向的是同一个内存地址。 如果我们不想让temp1的值跟着联动变化，应该怎么做呢？直接看代码 this.temp2= JSON.parse(JSON.stringify(this.te
坑篇 - 前端 - vue 变量赋值变量，两个变量就会互相影响
lin18824161857的博客
06-21 5972
背景： 今天搞个百度地图，然后数组，再然后遍历给每个点加自定义窗口，问题来了为啥信息窗口出不来呢？ 过程： 无奈之下，最后直接console 百度地图point（有横，纵坐标的点数据）和markers（用百度的函数生成的标注）的数组。 谁知一console，两个数组都一样，怪不得我后面的用mark.openInfoWindow(infowindow(这个是在定义信息窗口的变量)，point...
Vue爬坑：把对象中的数据给了某个变量，改变一个对象的值，另一个对象也变化的解决办法
lannieZ的博客
06-19 1046
在vue中，在data里建立两个对象。 data() { return { dataA:{ a:1 }, dataB:'' } }; 将dataA的内容赋值给dataB，改变dataB里对象的值，发现dataA里的值也跟着变化了。为什么会出现这种情况呢？其实，这是一个引用传递而不是值传递，dataA和dataB指向的是同一个内存地址。 this.dataB = this.dataA; this.dataB.a = 5; console.
【VUE】数据绑定，js数组赋值，多处使用时，一处修改，另一处也会被改变
LuviaWu的博客
04-25 578
vue中数据绑定，js数组赋值，多处使用时，一处修改，另一处也会被改变 问题描述如下： this.A = [1,2,3] var B = this.A B.push(4) var C = this.A console.log(C) 此时的C会得到 [1,2,3,4]，而不是 [1,2,3] 解决办法： 1、 this.A = [1,2,3] var B = JSON.parse(JSON.stringify(this.A)) B.push(4) var C = JSON.parse(JSON.
Vue 中怎么重置 data
麦呢头冷的博客
11-07 3166
在某些情况下，需要重新使用data中的数据，但是data中的数据已经被各种表单、变量等赋值，那么怎么重置data的值呢？ 那么此时我们有两种办法 1. 逐个赋值 ... data() { return { name: '', sex: '', desc: '' } } ... // 逐个赋值 this.name = '' this.sex = '' this.desc = '' 但这种方法只在对象数量少的时候可以用一下，一个一个去重新赋值比较麻烦,而且代码看起来也会比较乱.
Vue3响应式
最新发布
cookie-y的博客
06-21 188
Vue3响应式实现原理
Vue 的计算属性真的会缓存吗？（保姆级教学，带你深入剥丝抽茧）
uuuyy_的博客
01-10 582
前言 很多人提起 Vue 中的 computed，第一反应就是计算属性会缓存，那么它到底是怎么缓存的呢？缓存的到底是什么，什么时候缓存会失效，相信还是有很多人对此很模糊。 本文以 Vue 2.6.11 版本为基础，就深入原理，带你来看看所谓的缓存到底是什么样的。 注意 本文假定你对 Vue 响应式原理已经有了基础的了解，如果对于 Watcher、Dep和什么是 渲染watcher 等概念还不是很熟悉的话，可以先找一些基础的响应式原理的文章或者教程看一下 注意，这篇文章里我也写了 computed
vue中如何加入横线_vue
热门推荐
weixin_32688333的博客
12-29 1万+
一.模板语法：允许开发者把DOM绑定在最底层Vue实例上。在底层实现上，Vue会将模板编译成虚拟DOM渲染函数，Vue可以计算出最少需要重新渲染多少组件，并减少DOM操作。1.插值#文本数据绑定最常见的就是Mustache语法(双大括号){{msg}}的文本插值。你也可以用v-once指令来定义一次性插值，数据改变插值处的内容也不会改变，但是请注意，这会影响到该节点的其他插值。//html ...
vue 使用问题汇总
JiangLittleBai的博客
06-23 998
1、怎么理解样式文件里的/deep/ /deep/ 深度选择器：经常在开发中使用到组件库element-ui/ant-design等等，，若是想要对某个组件的样式进行调整但又不影响全局，，/deep/是个很好的选择，可以穿透scoped实现组件样式的修改，一般是在less、sass中使用 >>>一般则在css中使用，因为有些像 Sass 之类的预处理器无法正确解析 >>>，它是/deep/的别名 /deep/.ant-upload-list-item-uplo
【uniapp奇葩问题】把a变量赋值给b变量，b变量修改后a变量也随之改变
Swordwhisper的博客
04-10 457
明显只修改了a变量 但是list变量却也变化了。就这么个简单问题，但是不知道为啥 困扰好久了。把a变量赋值给b变量，b变量修改后a变量也随之改变。
vue中使用data中的数据a给赋值给另外一个变量b，改变a或b的值，另一个对象也变化的解决方法
Kerwin_yue的博客
06-29 2081
vue中使用data中的数据a给赋值给另外一个变量b，改变a或b的值，另一个对象也变化的解决方法
vue 接口获取的数据赋给了两个变量，修改其中一个变量,另一个也会被修改
月来better
04-08 1021
假如从接口获取的数据是 [{name:“a”}],分别赋值给两个变量，在操作修改一个变量，会影响另外一个变量的修改 let arr = [{name:"a"}] this.a = arr this.b = arr 解决方法： this.a = JSON.parse(JSON.stringify(arr)) this.b = JSON.parse(JSON.stringify(arr)) ...
组件中的data为什么是一个函数
LuckXinXin的博客
11-09 123
一个组件被复用多次的话，也就会创建多个实例。本质上，这些实例用的都是同一个构造函数。如果data是对象的话，对象属于引用类型，会影响到所有的实例。所以为了保证组件不同的实例之间data不冲突，data必须是一个函数 ...
vue引用传递——赋值后，新变量数据改变，原变量的数据也随之改变了
weixin_39709920的博客
03-21 1451
JSON.stringify 将一个 JavaScript 值(对象或者数组)转换为一个 JSON 字符串。JSON.parse 用来解析 JSON 字符串，将数据转换为 JavaScript（对象或者数组）本来需要的是this.updateForm的值始终不变，只有updateQuery的值在变化。updateQuery的值发生变化时，this.updateForm的值也随之改变了。在vue中，数组和对象传递都是引用传递。赋值时传递的并不是值，而是指向了同一个空间。
vue基础 - 23 （vue3 变量，ref，reactive，toRefs）
欢迎来到猫猫的博客 o_o ，如有问题，欢迎提出改正~
12-05 931
vue3中，变量分两种： 1、变量变化，和DOM无关 2、变量变化，需要重绘DOM -- 用ref()方法转化，使用ref转化后的变量，必须使用.value来读取值进行修改，ref转化后的变量，都有很多相关的方法和属性 <template> <div> <p>{{ count }}</p> <p>双份：{{ count_double }}</p> <button @click="addCou..
变量的传值与传引用
weixin_30500289的博客
03-30 117
传值：$b=$a //将a变量的值传值给b变量。 //调式传值$a=100;$b=200;$b=$a;echo $b;//100$a=300;echo $b;//100$b=300;echo $a;//300unset ($a);echo $a;echo $b; 传引用： $b=&$a //将a变量的地址传递给b变量。 //调式传引用$a=100;$b=200;$b=&amp...
Vue中变量赋值后，修改变量，赋值数据与被赋值数据同步改变
weixin_42427230的博客
11-22 3529
在vue中，变量赋值，修改变量会导致原始数据也同步发生改变 let a = this.file, 修改a时，this.file也改变了 原因：这是一个引用传递而不是值传递 解决：把this.file转换为字符串再转换为对象后赋值 let a = JSON.parse(JSON.stringify(this.file)); ...
Vue 两个组件已经渲染完的页面,一个组件数据变更另一个组件也变更
weixin_41987908的博客
11-21 880
两个组件已经渲染完的页面,一个组件数据变更另一个组件也变更
vue项目中a页面改变缓存中变量，b页面如何根据缓存变量，关闭按钮
05-25
可以通过Vuex来实现在A页面修改缓存变量，并在B页面关闭按钮中读取缓存变量的功能。 1. 首先在A页面中，使用Vuex来定义一个状态变量，如下所示： ``` // 在store.js文件中 const state = { isClosed: false // ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值