Модальное окно в vuejs зависит от контекста родителя. Как решить?

Question

[ruff26]

Мне нужно модальное окно bootstrap (с кастомизированным стилем), которое будет использоваться в vue компоненте. (laravel). Проблема в том, что компонент с модалкой в dropdown и она оказывается внутри. Можно ли как-то прокинуть модалку наружу или нужно создавать окно отдельно и передавать внутрь компонент?
Найденные готовые библиотеки не позволяют кастомизировать стиль окна. Или кто-нибудь может подскажет такую?

Answer 1

[crdrads]

https://github.com/LinusBorg/portal-vue

Answer 2

[Александр Дроздов]

Ну так модальку можно кинуть куда угодно, и открыть ее по какому нить св-ву из data, или по событию.

Answer 3

[profesor08]

В бутстрапе можно создавать модалки на лету, без необходимости пихать html код.

$("html модалки").modal("show");