vue中子组件直接修改props，不报错

Posted 2023-05-04

参考技术A 1. props中的值

2. 修改了修改了！！

3. 不报错

总结： props传入的值：

        引用类型，在子组件中改变其元素，不改变引用，那么不报错。

        普通类型，那么在修改时会报错

子组件修改父组件的props导致使用v-modal报错

在写vue项目时遇到如下问题：

---

error Unexpected mutation of "todo" prop

这时使用指令v-modal总是报错，是因为在子组件里修改了父组件的值。

---

解决方法：

把v-modal改为:checked，改变它的选中状态。

 <input type="checkbox" :checked="todo.isCompleted" />

---

结尾：

坑，无处不在。