From 200386b24cb6925371424e1bf97f2a4c6322a163 Mon Sep 17 00:00:00 2001
From: yufei0306 <13417315+yufei0306@user.noreply.gitee.com>
Date: Mon, 15 Apr 2024 15:23:55 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B6=E9=83=A8=E5=AF=BC=E8=88=AA=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/CategoryHeader.vue | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/layout/components/CategoryHeader.vue b/src/layout/components/CategoryHeader.vue
index 199f8c093..62a3f8eb6 100644
--- a/src/layout/components/CategoryHeader.vue
+++ b/src/layout/components/CategoryHeader.vue
@@ -36,7 +36,6 @@ const getPath = (route) => {
     return routePath
   }
 }
-const refresh = ref(true)
 
 export default defineComponent({
   name: 'CategoryHeader',
@@ -48,11 +47,17 @@ export default defineComponent({
     const categoryRouters =  unref(routers).filter(item=>item.meta.hidden!=true&&item.path!='/')
     console.log('categoryRouters==',categoryRouters)
     //默认展开第一行
-    if(categoryRouters.length>0){
-      appStore.setCategoryRoutePath(categoryRouters[0].path)
+    const currentPath = useRouter().currentRoute.value.matched[0].path
+    if(currentPath){
+      appStore.setCategoryRoutePath(currentPath)
     }
-    return () => !refresh.value?(<span></span>):(
-      <ElMenu v-if={refresh.value}
+
+    const activeMenu = computed(() => {
+      return appStore.getCategoryRoutePath
+    })
+    return () => (
+      <ElMenu 
+        defaultActive={unref(activeMenu)}
         id={`${variables.namespace}-tool-header`}
         popperOffset={16}
         class={['categoryheader',
@@ -72,7 +77,6 @@ export default defineComponent({
             default: () => {
               const { renderMenuTitle } = useRenderMenuTitle()
               
-              
               {/* default: () => renderMenuTitle(onlyOneChild ? onlyOneChild?.meta : meta) */}
               return categoryRouters.map((v) => {
                 const meta = (v.meta ?? {}) as RouteMeta
@@ -80,13 +84,9 @@ export default defineComponent({
                 const fullPath = isUrl(v.path) ? v.path : pathResolve('/', v.path)
                 return (
                   <ElMenuItem index={fullPath} class={{
-                    'is-active': appStore.getCategoryRoutePath === fullPath
+                    
                   }} onClick={()=>{
-                    refresh.value = false;
                     appStore.setCategoryRoutePath(v.path)
-                    nextTick(()=>{
-                      refresh.value = true
-                    })
                   }}>
                     {{
                       default: () => renderMenuTitle(meta.title?meta:onlyOneChild?.meta)