diff --git a/src/layouts/components/SubSidebar/index.vue b/src/layouts/components/SubSidebar/index.vue
index 5190199d..fe0352ea 100644
--- a/src/layouts/components/SubSidebar/index.vue
+++ b/src/layouts/components/SubSidebar/index.vue
@@ -8,6 +8,8 @@ defineOptions({
   name: 'SubSidebar',
 })
 
+const route = useRoute()
+
 const settingsStore = useSettingsStore()
 const menuStore = useMenuStore()
 
@@ -30,12 +32,12 @@ function onSidebarScroll(e: Event) {
       <template v-for="(mainItem, mainIndex) in menuStore.allMenus" :key="mainIndex">
         <div v-show="mainIndex === menuStore.actived">
           <el-menu
-            :unique-opened="settingsStore.settings.menu.subMenuUniqueOpened" :default-openeds="menuStore.defaultOpenedPaths" :default-active="$route.meta.activeMenu || $route.path" :collapse="settingsStore.mode === 'pc' && settingsStore.settings.menu.subMenuCollapse" :collapse-transition="false" :class="{
+            :unique-opened="settingsStore.settings.menu.subMenuUniqueOpened" :default-openeds="menuStore.defaultOpenedPaths" :default-active="route.meta.activeMenu || route.path" :collapse="settingsStore.mode === 'pc' && settingsStore.settings.menu.subMenuCollapse" :collapse-transition="false" :class="{
               'is-collapse-without-logo': settingsStore.settings.menu.menuMode !== 'single' && settingsStore.settings.menu.subMenuCollapse,
             }"
           >
-            <template v-for="(route, index) in mainItem.children">
-              <SidebarItem v-if="route.meta?.sidebar !== false" :key="route.path || index" :item="route" :base-path="route.path" />
+            <template v-for="(item, index) in mainItem.children">
+              <SidebarItem v-if="item.meta?.sidebar !== false" :key="item.path || index" :item="item" :base-path="item.path" />
             </template>
           </el-menu>
         </div>
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index ea23f66c..5ce168a3 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -75,7 +75,7 @@ onUnmounted(() => {
           <SubSidebar />
         </div>
         <div class="sidebar-mask" :class="{ show: settingsStore.mode === 'mobile' && !settingsStore.settings.menu.subMenuCollapse }" @click="settingsStore.toggleSidebarCollapse()" />
-        <div class="main-container" :style="{ 'padding-bottom': $route.meta.paddingBottom } as any">
+        <div class="main-container" :style="{ 'padding-bottom': routeInfo.meta.paddingBottom } as any">
           <Topbar v-if="!(settingsStore.settings.menu.menuMode === 'head' && !settingsStore.settings.menu.enableSubMenuCollapseButton && !settingsStore.settings.breadcrumb.enable)" />
           <div class="main">
             <router-view v-slot="{ Component, route }">
diff --git a/src/views/keep_alive_example/detail.vue b/src/views/keep_alive_example/detail.vue
index a954c718..a076ecc8 100644
--- a/src/views/keep_alive_example/detail.vue
+++ b/src/views/keep_alive_example/detail.vue
@@ -3,9 +3,13 @@ meta:
   enabled: false
 </route>
 
+<script setup lang="ts">
+const router = useRouter()
+</script>
+
 <template>
   <page-main>
-    <el-button @click="$router.go(-1)">
+    <el-button @click="router.go(-1)">
       返回
     </el-button>
   </page-main>