vue解决子组件值改变父组件的值跟着变

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue解决子组件值改变父组件的值跟着变相关的知识,希望对你有一定的参考价值。

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

以上是关于vue解决子组件值改变父组件的值跟着变的主要内容,如果未能解决你的问题,请参考以下文章

Vue父子组件传值

.sync原理(Vue组件父子传值)

Vue父组件向子组件传值 (props)、子组件改变父组件的值($emit)

vue 解决双向绑定中 父组件传值给子组件后 父组件值也跟着变化的问题

vue子组件如何修改父组件data里的值

vue props原理