• 所有问题

    • Vue prop传一个对象给子组件，怎么避免子组件修改数据污染父组件？

    如题所述

    举报该问题
    其他回答
    第1个回答  2022-06-07
    实现点击修改表格信息，弹出对话框（子组件）修改本行数据，但是由于prop传的是一个对象，每次在对话框里修改的同时，父组件表格里的数据也会跟着改变。

    看到了vue文档里的这句话：

    引用数据类型中，前三者都是保存在变量对象中，而对象和数组保存在堆内存中，操作的只是他们的引用

    用prop传递对象和数组时都会出现这种污染的情况，我的解决方法是在定义数据是把内部的数据单个重新定义一下，然后再赋值，适用于数据量较小的对象
    相似回答
    vue父级 prop 的更新会向下流动到子组件中,就是单向数据流吗?答：父组件prop的更新会向下传递到子组件中，这是一个单向的数据流。子组件prop的更新则不会向上传递，以防止更改父组件的状态，造成数据混乱。
    如何操作vue组件使用props传递数据答：一、基本用法组件不仅仅是要把模板的内容进行复用，更重要的是组件间要进行通信。在组件中，使用选项props 来声明需要从父级接收的数据， props 的值可以是两种， 一种是字符串数组，一种是对象。1.1字符串数组： <my-component4 message="数据来自父组件"></my-component4> Vue.component('my-c...
    23-父给子传值答：一、父组件给子组件传值： 思路：在父组件绑定属性然后在子组件里通过props:["属性名"]接收值 父组件：子组件：所有的 prop 都使得其父子 prop 之间形成了一个 单向下行绑定 ：父级 prop 的更新会向下流动到子组件中，但是反过来则不行。这样会防止从子组件意外改变父级组件的状态，从而导致...
    大家正在搜
    vue父组件传对象给子组件vue子组件接收对象和数组vue父子组件传对象事件处理者对象可以是一个组件子组件传值到子组件ado组件数据记录对象创建失败axios数据传给组件props多个组件传递易语言组件里没有对象组件