我最近一直在从事Vue项目，该项目最初是纯HTML。然后我在Vue中创建了它，除了某些方面没有问题。在项目的HTML版本中，当我打开和关闭侧边栏时，侧边栏从JavaScript中获取一个活动类。
页面加载时，默认情况下，正文具有以下类别。
<body class="sidebar-mini layout-fixed" style="height: auto;">
点击侧边栏切换按钮后，它变成这样；
<body class="sidebar-mini layout-fixed sidebar-collapse" style="height: auto;">
对我来说重要的是，当浏览器变小或采用移动格式时，如果侧边栏处于打开状态并且我单击了项目中的其他位置，则侧边栏切换也应该起作用，换句话说，应该在切换的小版本中。
在项目的HTML版本中，它也具有此功能。但这是我的问题；
当我由此创建一个VueJs项目时，我将class="sidebar-mini layout-fixed"放在public / index.html中，这就是为什么它不起作用的原因，如上所述。同样在较小的格式和移动响应中，当我在其他位置单击时，应关闭侧边栏，但也不会这样做。我该怎么办？如何使其像HTML版本一样？