瀏覽代碼

fix: 修复刷新后侧边栏高亮错位的问题

Jinyao 5 年之前
父節點
當前提交
1ff044f1bd
共有 1 個文件被更改,包括 7 次插入1 次删除
  1. 7 1
      src/components/SideBar.vue

+ 7 - 1
src/components/SideBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-menu default-active="schedule" class="side-bar" :collapse="true" :router="true">
+  <el-menu :default-active="active" class="side-bar" :collapse="true" :router="true">
     <el-menu-item index="schedule">
       <i class="icon" target="schedule"></i>
     </el-menu-item>
@@ -30,6 +30,12 @@
 <script>
 export default {
   name: 'SideBar',
+  computed: {
+    active() {
+      const li = this.$route.path.split('/');
+      return li[li.length - 1];
+    },
+  },
 };
 </script>