From 0eb4dcbeb31c6362b3996cc760a2532f0df685bc Mon Sep 17 00:00:00 2001
From: Xou <1192158284@qq.com>
Date: Tue, 7 May 2024 14:46:24 +0800
Subject: [PATCH] fix: Ensure parent node expands in Tab routing switch

---
 src/layouts/components/sider/Menu.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/layouts/components/sider/Menu.vue b/src/layouts/components/sider/Menu.vue
index abf6b22..19009a1 100644
--- a/src/layouts/components/sider/Menu.vue
+++ b/src/layouts/components/sider/Menu.vue
@@ -1,13 +1,25 @@
 <script setup lang="ts">
+import type { MenuInst } from 'naive-ui'
 import { useAppStore } from '@/store'
 import { useRouteStore } from '@/store/route'
 
+const route = useRoute()
 const appStore = useAppStore()
 const routesStore = useRouteStore()
+const menuInstRef = ref<MenuInst | null>(null)
+
+watch(
+  () => route.path,
+  () => {
+    menuInstRef.value?.showOption(routesStore.activeMenu as string)
+  },
+  { immediate: true },
+)
 </script>
 
 <template>
   <n-menu
+    ref="menuInstRef"
     :collapsed="appStore.collapsed"
     :indent="20"
     :collapsed-width="64"