Запретить модальное закрытие при нажатии на фон [Vuejs]


Запретить модальное закрытие при нажатии на фон [Vuejs]

20.08.2018 02:06:28 Просмотров 25 Источник

Я использую библиотеку 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.

Каково решение этой проблемы?

У вопроса есть решение - Посмотреть?

Ответы - Запретить модальное закрытие при нажатии на фон [Vuejs] / Prevent modal to close when click on the background [Vuejs]

Является ответом!
Decade Moon

20.08.2018 02:08:11

clickToClose="false" устанавливает опору clickToClose в строку "false".

Вам нужно использовать v-bind для привязки к произвольному выражению JavaScript:

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

В приведенном выше фрагменте кода false оценивается как код JavaScript вместо строки.

Smartniggs

25.11.2019 09:25:51

Впоследствии для тех, кто использует bootstrap-vue: добавьте "no-close-on-background "и установите его на"true".

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

25.09.2020 01:33:31

Кебаб-кейс в clickToClose может не работать. Это работает для меня

<modal name="image-modal" v-bind:click-to-close="false"></modal>
Помочь в развитии проекта:
Закрыть X