В своем проекте я использую модал bootstrap-vue. Теперь мне нужно добавить проверку, когда пользователь закрывает модальное окно. Должен появиться вопрос подтверждения: «Вы уверены, что хотите закрыть без сохранения?»
Триггеры ok
и cancel
работают хорошо, но когда я попробовал то же самое с клавишей esc и нажатием на фоне, но ни одна из них не работает. Я вижу в документах, что я могу их использовать https://bootstrap -vue.js.org / docs / components / modal /
HTML:
<div id="app">
<b-btn v-b-modal.modal1>Launch demo modal</b-btn>
<b-modal id="modal1" title="Bootstrap-Vue" @headerclose="confirmBeforeHide"
@esc="confirmBeforeHide">
<p class="my-4">QQ</p>
</b-modal>
</div>
JS:
new Vue({
el: '#app',
methods: {
confirmBeforeHide(e) {
alert('hi')
}
},
})
CSS:
#app {
padding: 20px;
height: 450px;
}
Вот мой jsfiddle