From 45c1d971769d0888d8a880514c3fd59377fd0c13 Mon Sep 17 00:00:00 2001
From: e <2432808546@qq.com>
Date: Fri, 25 Jun 2021 09:37:21 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=AB=98=E4=BA=AE=E4=BF=9D?=
 =?UTF-8?q?=E5=AD=98=EF=BC=8C=E5=8E=BB=E6=8E=89bus?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Sidebar.vue | 29 ++++++++++++++++++-----------
 1 file changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/components/common/Sidebar.vue b/src/components/common/Sidebar.vue
index 14e45c5..3798c53 100644
--- a/src/components/common/Sidebar.vue
+++ b/src/components/common/Sidebar.vue
@@ -3,13 +3,13 @@
         <el-menu
             class="sidebar-el-menu"
             :default-active="onRoutes"
-            :collapse="collapse"
             background-color="#324157"
             text-color="#bfcbd9"
             active-text-color="#9278FF"
             unique-opened
             mode="horizontal"
             router
+            @select="handleSelect"
         >
             <template v-for="item in items">
                 <template v-if="item.subs">
@@ -51,11 +51,9 @@
 </template>
 
 <script>
-import bus from '../common/bus';
 export default {
     data() {
         return {
-            collapse: false,
             items: [
                 {
                     icon: 'el-icon-lx-home',
@@ -90,17 +88,26 @@ export default {
             ]
         };
     },
-    computed: {
-        onRoutes() {
-            return this.$route.path.replace('/', '');
+    watch:{
+        "$route.path":function(val){
+            this.items.map(e=>{
+                if(val.replace('/', '')===e.index){
+                    this.handleSelect(val.replace('/', ''))
+                    this.$forceUpdate();
+                }
+            })
         }
     },
+    methods:{
+        handleSelect(index){
+            this.onRoutes = index
+            sessionStorage.setItem('sideBar',index)
+        },
+    },
     created() {
-        // 通过 Event Bus 进行组件间通信，来折叠侧边栏
-        bus.$on('collapse', msg => {
-            this.collapse = msg;
-            bus.$emit('collapse-content', msg);
-        });
+        if(sessionStorage.getItem('sideBar')){
+            this.handleSelect(sessionStorage.getItem('sideBar'))
+        }
     }
 };
 </script>