vue 父组件传数组或对象给子组件时子组件修改值父组件也会做相应修改

如题所述

举报该问题

第1个回答 2022-06-01

解决方法：在子组件中要对数据做处理时
将数据通过JSON.parse(JSON.stringify(this.lists))转换后复制给子组件数据在通过子组件数据去修改

相似回答

vue父子组件传递对象会有什么问题答：1、父组件传递复杂对象给子组件，如果子组件直接修改该对象，父组件对应的数据也会被修改，因为引用的是同一个对象。这导致意料之外的数据变化和不可预知的行为。2、如果父组件传递给子组件的是一个数组，子组件直接修改这个数组，父组件的对应数据也会被修改。同样地，这导致意料之外的数据变化和不可预...

vue解决子组件值改变父组件的值跟着变答：进行vue开发时，父组件通过props传值parentArr之后，子组件重新定义了一个字段childArr用来接收，后来修改childArr发现父组件里面的值也跟着修改了，查明原因得知引用数据类型会共用一个地址，需要通过`this.childArr=JSON.parse(JSON.stringify(parentArr))`来进行深拷贝，这样就可以把两者分离。

vue 子组件的值改变父组件的值也跟着改变答：随着使用vue越来越多，慢慢的也遇到了一些vue中的坑，前几天利用父组件给子组件传了一个queryInfo，按照以前的经验，我们需要使用 this.$emit()将值传回父组件，但是，神奇的事情发生了，子组件修改后，父组件的queryInfo也同样发生了改变。去官网以及各大网站查找后得知，个人发现了vue组件传值...

大家正在搜

vue子组件给父组件传数组 vue父组件传对象给子组件 vue子组件修改父组件值 vue父组件传值及子组件 vue父组件给子组件赋值 vue子组件改变父组件的数据 vue父组件向子组件传递数据 vue 子组件获取父组件的值 vue子传父组件传值