实现点击修改表格信息，弹出对话框（子组件）修改本行数据，但是由于prop传的是一个对象，每次在对话框里修改的同时，父组件表格里的数据也会跟着改变。
看到了vue文档里的这句话：
引用数据类型中，前三者都是保存在变量对象中，而对象和数组保存在堆内存中，操作的只是他们的引用
用prop传递对象和数组时都会出现这种污染的情况，我的解决方法是在定义数据是把内部的数据单个重新定义一下，然后再赋值，适用于数据量较小的对象
实现点击修改表格信息，弹出对话框（子组件）修改本行数据，但是由于prop传的是一个对象，每次在对话框里修改的同时，父组件表格里的数据也会跟着改变。
看到了vue文档里的这句话：
引用数据类型中，前三者都是保存在变量对象中，而对象和数组保存在堆内存中，操作的只是他们的引用
用prop传递对象和数组时都会出现这种污染的情况，我的解决方法是在定义数据是把内部的数据单个重新定义一下，然后再赋值，适用于数据量较小的对象
1. 父组件向子组件传值 父组件通过 prop 给子组件下发数据，子组件通过$emit触发事件给父组件发送消息，即...
一、父组件向子组件传值 通过 Prop 向子组件传递数据 父组件 子组件接收 单向数据流：父级 prop 的更新会...
vue父子组件传值，（父组件向子组件传值用prop ，子组件向父组件传值：子组件调用父组件方法值以参数的方式传递）...
vue父子组件传值，（父组件向子组件传值用prop ，子组件向父组件传值：子组件调用父组件方法值以参数的方式传递）...
vue父组件给子组件传值 父组件给导入的子组件绑定一个数据:title是父组件的数据 2 子组件获取数据. pr...
在父组件使用prop 传递数据给子组件，子组件则是通过事件传递数据给父组件的。 Vue实例都会实现事件接口： 1....
Vue 传值有两种：1）父组件向子组件传值（属性传值，Prop传值）2）子组件向父组件传值 一、父组件向子组件传值...
组件传值（父组件传值给子组件）不可在子组件中修改父组件的值，可以通过深拷贝。在子组件中拷贝一份数据app.vue:...
vue的组件传参的方式父子组件传参1.prop和emit是子传父，子组件监听一个事件，父组件调用并接受子组件传递过...
前言 总结vue组件间的数据传递 路由传参 父组件传递数据给子组件---props 子组件传递数据给父组件---$...
本文标题：Vue prop传一个对象给子组件，怎么避免子组件修改数据污染父
本文链接：https://www.haomeiwen.com/subject/nhzilxtx.html
网友评论