Модальное окно в VUE.JS?

Здравствуйте, хочу переписать модальное окно под vue.js
До этого я пользовался таким кодом.
if ($('.modal-trigger').length) {
  $('.modal-trigger').on('click', function () {
    var modalID = $(this).attr('data-modal')
    $('#' + modalID).toggleClass('is-active')
  })

  $('.modal-close, .close-modal').on('click', function () {
    $('.modal.is-active').removeClass('is-active')
  })
}


И я его хочу переписать под VUE.js. Пробовал переписать несколькими способами но не чего не получилось (
  • Вопрос задан
  • 108 просмотров
Пригласить эксперта
Ответы на вопрос 2
bootd
@bootd
Гугли и ты откроешь врата знаний!
Пахнет bootstrap!!!
Так может не городить свои костыли и использовать bootstrap под vue??
https://bootstrap-vue.js.org/
Ответ написан
Создаёшь переменную - isActive, присваешь ей false. Создаёшь метод, где в нем указываешь isActive True. Вешаешь метод на клик кнопке что вызывает модалку, в общий блок модалки пишешь :class="isActive". Должно работать)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы