javascript - 单击背景时防止模态关闭[Vuejs]

Question

我正在使用 vue-js-modal 库并遵循文档中的相同步骤，但我需要实现，当模式打开时，用户在点击模式后面的背景时无法关闭模式。

在使用属性 clickToClose 编写的文档中，但是当我在内部使用它时，出现模态错误消息:

<modal name="image-modal" clickToClose="false"></modal>

错误信息:

Vue warn]: Invalid prop: type check failed for prop "clickToClose". Expected Boolean, got String.

这个问题的解决方案是什么？

Answer 1

clickToClose="false" 将 clickToClose 属性设置为字符串 "false"。

您需要使用 v-bind绑定(bind)到任意 JavaScript 表达式:

<modal name="image-modal" :clickToClose="false"></modal>

在上面的代码片段中，false 被评估为 JavaScript 代码而不是字符串。