[Vue warn]: Computed property “passwordDialog” was assigned to but it has no setter

Question

报错：[Vue warn]: Computed property “passwordDialog” was assigned to but it has no setter.

相关代码

:visible.sync="passwordDialog"

问题描述

使用 Element 框架的 Dialog 对话框时，将对话框的开启/关闭属性定义在 vuex 中，点击对话框右上角的叉叉关闭对话框时，结果报错了。

分析问题

Element 官方给的答复是：

如果 visible 属性绑定的变量位于 Vuex 的 store 内，那么 .sync 不会正常工作。此时需要去除 .sync 修饰符，同时监听 Dialog 的 open 和 close 事件，在事件回调中执行 Vuex 中对应的 mutation 更新 visible 属性绑定的变量的值。

解决问题 如上所说，使用 :visible 代替 :visible.sync，并且用 @close 方法来定义对话框关闭的方法，即可：

HTML 代码：

JavaScript 代码：