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

Question

我有可以与纯bootstrap4和javascript一起正常工作的代码，但是当我尝试在移动视图中使用vuejs时，边栏未显示如下，这是我想在vuejs中更改的代码，但在vuejs中，这表明未定义toggleClass错误

  $("#menu-toggle").click(function(e) {
  e.preventDefault();
  $("#wrapper").toggleClass("toggled");
 });
Here is the link for template that i am using.

这里是错误的屏幕截图

谁能帮助我该怎么做，还有什么替代方法？在此先感谢

我有可以与纯bootstrap4和javascript一起正常工作的代码，但是当我尝试在移动视图中使用vuejs时，边栏未显示在下面，这是我想在vuejs中但在...中更改的代码，] ... >>> < [

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

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

这对我有用

Answer 1

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