我正在使用 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.
该问题的解决方案是什么？
答案 0 :(得分：3)
clickToClose="false"将clickToClose属性设置为字符串"false"。
您需要使用v-bind绑定到任意JavaScript表达式：
<modal name="image-modal" :clickToClose="false"></modal>
在以上代码段中，false被视为JavaScript代码而不是字符串。
答案 1 :(得分：0)
随后针对使用bootstrap-vue的用户： 添加“无背景关闭”并将其设置为“ true”。
<b-modal id="modal_id" :no-close-on-backdrop="true">
答案 2 :(得分：0)
clickToClose中的kebabCase可能不起作用。这对我有用
<modal name="image-modal" v-bind:click-to-close="false"></modal>
答案 3 :(得分：-2)
同时使用vue-js Modal()。 Modal 中有一个属性叫做背景。你应该使用这个
:close-on-backdrop="false" :close-on-esc="false"
在您的 Modal 标签中。