Друзья, подскажите логику работы с модальными окнами. Использую Semantic.UI +

Question

Друзья, подскажите логику работы с модальными окнами. Использую Semantic.UI +

VueJS, хочу контролировать открытие и закрытие модалки из какого-то родительского компонента просто с помощью свойства isVisible и конструкции v-if в шаблоне.

В самом окне добавил хуки mounted и beforeDestroy, там вызывается jquery-код, который открывает и закрывает модалку, например на открытие такой простой код:
$(this.$el).modal('show');
Открытие окна работает отлично, когда компонент маунтится, он сразу показывает окно, но вот с уничтожение окна проблемы.
В хуке beforeDestroy я вызываю:
$(this.$el).modal('hide');
И дальше окно ругается, что элемента уже нет, видимо он уже уничтожен, поэтому окно закрыться корректно не может, остается маска на всё окно браузера.
Подскажите, можно ли как-то тут осрочить само удаление элемента, чтобы всё успело отработать нормально? Либо может есть какой-то другой подход к работе с модалками?

#frontend #javascript #programming #russian #vue.js

0

20.11.2017

3 ответов

13 просмотров

c01nd01r Eremenko

Там шас пилят семантик для вью. Гугл, думаю, поможет

0

20.11.2017

Alex Sokolov

Модалки обычно классом показываются и скрываются. Можно посмотреть каким и выпилив код их открытия скрытия просто повесить класс на контейнер модалки по условию

0

20.11.2017

Ivan Li · Accepted Answer

Ivan Li

неверный подход выбрали. в офф документации вью есть примеры, в том числе и модалка. разберите их пример и поймете что к чему

0

20.11.2017

169 похожих чатов

Друзья, подскажите логику работы с модальными окнами. Использую Semantic.UI +

3 ответов

Похожие вопросы