如何使用 vue.js 和 bootstrap4 使侧边栏隐藏在移动视图中并在移动和其他设备视图中切换点击

Question

我的代码在纯 bootstrap4 和 javascript 上运行良好，但是当我尝试在移动视图侧边栏中使用 vuejs 时，下面没有显示是我想在 vuejs 中更改但在 vuejs 中更改的代码它显示 toggleClass is not defined 错误

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

Here is the link for template that i am using.

这是错误的截图

任何人都可以帮助我如何做以及替代这个的方法是什么？ 提前致谢

Answer 1

我得到了解决方案。这是答案

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

这对我有用