diff --git a/src/layouts/components/sider/Menu.vue b/src/layouts/components/sider/Menu.vue
index abf6b22..050ef50 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"