From d27db128ea6b6a49fe8a156458e5f69533de744e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=80=E4=B8=83=E5=B9=B4=E5=A4=8F?= <2098833867@qq.com>
Date: Fri, 3 Mar 2023 11:30:15 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3=E4=BD=BF=E7=94=A8=E9=87=8D?=
 =?UTF-8?q?=E5=AE=9A=E5=90=91=E6=97=B6=E5=B7=A6=E4=BE=A7=E8=8F=9C=E5=8D=95?=
 =?UTF-8?q?=E4=B8=8D=E4=BC=9A=E8=B7=9F=E8=B8=AA=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/sidebar/index.vue | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

diff --git a/src/layout/sidebar/index.vue b/src/layout/sidebar/index.vue
index edae7cc..d74335c 100644
--- a/src/layout/sidebar/index.vue
+++ b/src/layout/sidebar/index.vue
@@ -11,7 +11,7 @@
         :collapse-transition="false"
         mode="vertical"
       >
-        <sidebar-item v-for="route in allRoutes" :key="route.path" :item="route" :base-path="route.path" />
+        <sidebar-item v-for="r in allRoutes" :key="r.path" :item="r" :base-path="r.path" />
       </el-menu>
     </el-scrollbar>
   </div>
@@ -20,18 +20,16 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { storeToRefs } from 'pinia/dist/pinia'
-import { useRoute } from 'vue-router'
+import { useRoute } from "vue-router";
 import Logo from './Logo.vue'
 import SidebarItem from './SidebarItem.vue'
 import { useBasicStore } from '@/store/basic'
 const { settings, allRoutes, sidebar } = storeToRefs(useBasicStore())
-const { meta, path } = useRoute()
-const activeMenu = computed(() => {
-  // if set path, the sidebar will highlight the path you set
-  if (meta.activeMenu) {
-    return meta.activeMenu
-  }
-  return path
+const route = useRoute()
+const activeMenu = ref<any>(route.path);
+
+watch(() => route.path, val => {
+  activeMenu.value = val
 })
 </script>
 <style lang="scss">