我正在使用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"
在您的模态标签中。