Управление модалкой Bootstrap 5 на Vue?

Question

[Ирина Чернова]

Подскажите, пожалуйста, можно как-то управлять открытием/закрытием модалки bootstrap 5 через vue? В HTML я могу повесить атрибуты, а в js мне нужно после конкретного действия закрывать модальное окно. Через $ref получается некрасиво, потому что модалка так сделана, что приходится добавлять/убирать два стиля на саму модалку, а также на body . + часто где нужно управлять модалками, и каждый раз такое писать не хочется

Comments

[Вадим]

Вы можете обернуть любой компонент, в том числе бутстрап компонент, во вью компонент.
Статья чё по чём: https://dev.to/codeply/using-bootstrap-5-with-vue-...
Ну и есть bootstrap-vue кит. Правда там 4ая версия вроде, но все компонент уже vue ready

Answer 1

[Ирина Чернова]

Кому пригодится
Статья, которая помогла

import { Modal } from 'bootstrap'
//...
mounted() {
		this.theModal = new Modal(document.getElementById('modalAuth'))
}
//...
this.theModal.hide()