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

Question

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

  $("#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");
      });
}

这对我有用