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



我正在使用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.

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

随后,对于那些使用bootstrap-vue:添加"no-close-on-backdrop"并将其设置为"true"。

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

clickToClose道具设置为字符串"false"

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

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

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

clickToClose 中的烤肉串可能不起作用。这对我有用

<modal name="image-modal" v-bind:click-to-close="false"></modal>

使用 vue-js Modal (( 时。莫代尔中有一个名为背景的属性。你应该使用这个

:close-on-backdrop="false" :close-on-esc="false"

在您的模态标签中。

最新更新