假如我们有一个表格父组件 table,和一个对其进行编辑的表单子组件 form。
现在希望实现更改 table 条目的功能。
// 父组件中
<form
:edit-obj='getObj'
>
// 子组件中
name: 'form',
props: {
editObj: Object
},
于是将父组件的中对象通过 props 传到子组件中。
但是这样绑定的数据是响应式的,编辑的时候父组件中的数据也会立刻改变。
那么有没有办法延迟它的响应,或者创建一个没有响应性的副本呢?
1.子组件中 建个变量接收一下,深拷贝,互不影响,改变之后,你处理完了,emit一下,通知父组件去处理
可以利用浅拷贝 拷贝的数据会发生变化 被拷贝的数据不会发生变化