From 8a858dfe00d72bb3854f99672bd836228f3bc31e Mon Sep 17 00:00:00 2001
From: heyanlong <yanlong.hee@gmail.com>
Date: Tue, 21 Dec 2021 10:06:19 +0800
Subject: [PATCH 1/3] Fix bugs: active side bar

---
 src/layout/components/SideBar.vue | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/layout/components/SideBar.vue b/src/layout/components/SideBar.vue
index 43fb6ce7..f6e57ccf 100644
--- a/src/layout/components/SideBar.vue
+++ b/src/layout/components/SideBar.vue
@@ -24,14 +24,14 @@ limitations under the License. -->
       active-text-color="#448dfe"
       background-color="#252a2f"
       class="el-menu-vertical"
-      default-active="0"
+      :default-active="name"
       text-color="#efefef"
       :unique-opened="true"
       :collapse="isCollapse"
       :style="{ border: 'none' }"
     >
       <template v-for="(menu, index) in routes" :key="index">
-        <el-sub-menu :index="String(index)" v-if="menu.meta.hasGroup">
+        <el-sub-menu :index="String(menu.name)" v-if="menu.meta.hasGroup">
           <template #title>
             <router-link :to="menu.path" :exact="menu.meta.exact || false">
               <el-icon class="menu-icons" :style="{ marginRight: '12px' }">
@@ -43,7 +43,7 @@ limitations under the License. -->
           <el-menu-item-group>
             <el-menu-item
               v-for="(m, idx) in filterMenus(menu.children)"
-              :index="`${index}-${idx}`"
+              :index="m.name"
               :key="idx"
             >
               <router-link :to="m.path" :exact="m.meta.exact || false">
@@ -52,7 +52,7 @@ limitations under the License. -->
             </el-menu-item>
           </el-menu-item-group>
         </el-sub-menu>
-        <el-menu-item :index="String(index)" @click="changePage(menu)" v-else>
+        <el-menu-item :index="String(menu.name)" @click="changePage(menu)" v-else>
           <el-icon class="menu-icons" :style="{ margin: '-10px 12px 0 0' }">
             <router-link :to="menu.children[0].path" :exact="menu.meta.exact">
               <Icon size="lg" :iconName="menu.meta.icon" />
@@ -83,7 +83,7 @@ limitations under the License. -->
 </template>
 
 <script lang="ts" setup>
-import { ref } from "vue";
+import { ref, onMounted } from "vue";
 import { useRouter, RouteRecordRaw, RouteRecordName } from "vue-router";
 import { useI18n } from "vue-i18n";
 import {
@@ -113,6 +113,10 @@ const changePage = (menu: RouteRecordRaw) => {
 const filterMenus = (menus: any[]) => {
   return menus.filter((d) => d.meta && !d.meta.notShow);
 };
+
+onMounted(() => {
+  console.log(name)
+})
 </script>
 
 <style lang="scss" scope>

From 56304db6fe7fdf1e505da459ed45bcfeb6e554d3 Mon Sep 17 00:00:00 2001
From: heyanlong <yanlong.hee@gmail.com>
Date: Tue, 21 Dec 2021 11:08:25 +0800
Subject: [PATCH 2/3] Fix bugs: active side bar

---
 src/layout/components/SideBar.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/layout/components/SideBar.vue b/src/layout/components/SideBar.vue
index f6e57ccf..8628edc9 100644
--- a/src/layout/components/SideBar.vue
+++ b/src/layout/components/SideBar.vue
@@ -83,7 +83,7 @@ limitations under the License. -->
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted } from "vue";
+import { ref } from "vue";
 import { useRouter, RouteRecordRaw, RouteRecordName } from "vue-router";
 import { useI18n } from "vue-i18n";
 import {
@@ -114,9 +114,6 @@ const filterMenus = (menus: any[]) => {
   return menus.filter((d) => d.meta && !d.meta.notShow);
 };
 
-onMounted(() => {
-  console.log(name)
-})
 </script>
 
 <style lang="scss" scope>

From 856de3964fdab217bbfdf172601b45669563596d Mon Sep 17 00:00:00 2001
From: heyanlong <yanlong.hee@gmail.com>
Date: Tue, 21 Dec 2021 11:45:53 +0800
Subject: [PATCH 3/3] Fix bugs: active side bar

---
 src/layout/components/SideBar.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/layout/components/SideBar.vue b/src/layout/components/SideBar.vue
index 8628edc9..43e5b7f3 100644
--- a/src/layout/components/SideBar.vue
+++ b/src/layout/components/SideBar.vue
@@ -52,7 +52,11 @@ limitations under the License. -->
             </el-menu-item>
           </el-menu-item-group>
         </el-sub-menu>
-        <el-menu-item :index="String(menu.name)" @click="changePage(menu)" v-else>
+        <el-menu-item
+          :index="String(menu.name)"
+          @click="changePage(menu)"
+          v-else
+        >
           <el-icon class="menu-icons" :style="{ margin: '-10px 12px 0 0' }">
             <router-link :to="menu.children[0].path" :exact="menu.meta.exact">
               <Icon size="lg" :iconName="menu.meta.icon" />
@@ -113,7 +117,6 @@ const changePage = (menu: RouteRecordRaw) => {
 const filterMenus = (menus: any[]) => {
   return menus.filter((d) => d.meta && !d.meta.notShow);
 };
-
 </script>
 
 <style lang="scss" scope>