组件赋值给变量后，修改变量数据组件数据也会改变

Lin_lllll 2024-11-23 10:06:22

...全文

61 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Lin_lllll 2024-11-23

打赏
举报

回复

因为赋值未改变存储地址所以原内容改变了，解决方法使用格式转换功能给变量开辟新的存储地址即可

在vue中，变量赋值，修改变量会导致原始数据也同步发生改变 let a = this.file, 修改a时，this.file也改变了原因：这是一个引用传递而不是值传递解决：把this.file转换为字符串再转换为对象后赋值 let a = JSON.parse(JSON.stringify(this.file)); ...

JSON.stringify 将一个 JavaScript 值(对象或者数组)转换为一个 JSON 字符串。JSON.parse 用来解析 JSON 字符串，将数据转换为 JavaScript（对象或者数组）本来需要的是this.updateForm的值始终不变，只有updateQuery的值在变化。updateQuery的值发生变化时，this.updateForm的值也随之改变了。在vue中，数组和对象传递都是引用传递。赋值时传递的并不是值，而是指向了同一个空间。

将组件赋值给变量li 想拿到组件的html页面结构但是打印出来的是文件路径该如何实现呢？

原因在js代码中，字符串、数字、布尔、这种称为基础类型是可以直接赋值的，即使是修改后也不会影响原来的数据。但是引用类型比如object,array这种就会出现上面描述的问题。解决方法：var arr1= JSON.parse(JSON.stringify(arr1));

问题描述提示：这里描述具体问题：在vue3开发时遇到有一个大坑，在一个变量给另一个变量赋值后，修改一个变量。另一个变量同时被修改。例如： const a = ref('123') const b = ref('234') a.value = b.value a.value.length = 0 //当前a是空，b也是空原因分析：提示：这里填写问题的分析：值传递还是引用传递，当前的赋值为引用传递。解决方案：提示：这里填写该问题的具体解决方案：用JSON.stringify和JSON.

精益派无代码开发

21

社区成员

111

社区内容

发帖

与我相关

我的任务

低代码团队开发制造企业社区江苏省·苏州市

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章