单击背景时防止模态关闭 [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

随后，对于那些使用 bootstrap-vue 的用户： 添加“no-close-on-backdrop”并将其设置为“true”。

<b-modal id="modal_id" :no-close-on-backdrop="true">

Answer 2

clickToClose="false"将clickToClose道具设置为字符串"false"。

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

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

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