Как сделать боковую панель скрытой в мобильном представлении и переключать при щелчке в мобильном и другом представлении устройства, используя vue. js и bootstrap4

Question

У меня есть код, который работает нормально с чистыми bootstrap4 и javascript, но когда я попытался сделать с vuejs в мобильном представлении, боковая панель не показывает ниже код, который я хочу изменить в vuejs, но в vuejs он показывает, что toggleClass не определена ошибка

  $("#menu-toggle").click(function(e) {
  e.preventDefault();
  $("#wrapper").toggleClass("toggled");
 });

Вот ссылка на шаблон, который я использую.

Вот скриншот ошибки

Может кто-нибудь помочь мне в этом, как это сделать и что альтернатива этому? Заранее спасибо

Answer 1

Я получил решение. Вот ответ

import jquery from 'jquery';
mounted() {
      jquery("#menu-toggle").click(function (e) {
        e.preventDefault();
        jquery("#wrapper").toggleClass("toggled");
      });
}

Это работает для меня