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

Lin_lllll 2024-11-23 10:06:22

...全文

88 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)); ...

vue 数据赋值给新变量后，原数据也随新变量对数据的变化而变化错误： let list = this.list1 错误写法将污染源数据，将改变list1的数据正确： let list = JSON.parse(JSON.stringify(this.list1)); 备注： **JSON.stringify()**方法用于将 JavaScript 值转换为 JSON 字符串。 JSON.parse() 方法将数据转换为 JavaScript 对象。 JS 对象(Object)和字符串(String)

Vue子组件修改父组件变量摘要在Vue中，子组件不能直接修改父组件传递的变量，需要通过事件机制实现。父组件通过props传递数据给子组件，子组件通过$emit触发父组件方法来实现修改。具体实现步骤：父组件声明变量并定义修改方法父组件将变量和方法通过props和事件绑定传递给子组件子组件通过props接收数据子组件通过$emit触发父组件方法来修改数据本文还展示了一个完整的时间选择器组件示例，实现了不同时间粒度的选择功能（15分钟、1小时、日期、月份），并通过上述机制实现了父子组件间的数据通信。

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

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

精益派无代码开发

21

社区成员

114

社区内容

发帖

与我相关

我的任务

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

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章