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

Posted 2021-06-23 前端世界升级打怪

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

---

error Unexpected mutation of "todo" prop

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

---

解决方法：

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

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

---

结尾：

坑，无处不在。