From 0044cdb62c582f0d0e98abc83222551f5466d6c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=90=8C=E7=8B=BC=E8=93=9D=E5=A4=A9?= <mllt9920@qq.com>
Date: Thu, 13 Mar 2025 17:39:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(menu):=20=E5=88=B7=E6=96=B0=E5=90=8E?=
 =?UTF-8?q?=E8=8F=9C=E5=8D=95=E9=80=89=E4=B8=AD=E9=A1=B9=E4=B8=8D=E5=8C=B9?=
 =?UTF-8?q?=E9=85=8D=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/components/back/layout/AsideVue.vue | 37 +++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)

diff --git a/src/components/back/layout/AsideVue.vue b/src/components/back/layout/AsideVue.vue
index b514638..e3ec93a 100644
--- a/src/components/back/layout/AsideVue.vue
+++ b/src/components/back/layout/AsideVue.vue
@@ -12,15 +12,16 @@
   </div>
 </template>
 <script setup>
-import { h, ref } from 'vue';
+import {h, onMounted, ref, watch} from 'vue';
 import {
   MailOutlined,
   CalendarOutlined,
   AppstoreOutlined,
   SettingOutlined,
 } from '@ant-design/icons-vue';
-import {useRouter} from "vue-router";
+import {useRoute, useRouter} from "vue-router";
 const router = useRouter();
+const route = useRoute(); // 新增路由实例
 const theme = ref('light');
 const selectedKeys = ref(['1']);
 const openKeys = ref(['sub1']);
@@ -68,4 +69,36 @@ const handleMenuClick = ({ key }) => {
     router.push(item.path);
   }
 };
+// 查找匹配当前路由的菜单key
+const findSelectedKey = (menuItems, currentPath) => {
+  for (const item of menuItems) {
+    // 检查当前菜单项
+    if (item.path === currentPath) {
+      return [item.key];
+    }
+    // 递归检查子菜单
+    if (item.children) {
+      const found = findSelectedKey(item.children, currentPath);
+      if (found) return found;
+    }
+  }
+  return null;
+};
+
+// 初始化时设置选中状态
+const updateMenuState = () => {
+  const matchedKeys = findSelectedKey(items.value, route.path);
+  if (matchedKeys) {
+    selectedKeys.value = matchedKeys;
+  }
+};
+
+// 监听路由变化
+watch(() => route.path, () => {
+  updateMenuState();
+});
+
+// 初始化执行一次
+onMounted(updateMenuState);
+
 </script>