lcw

src/layout/components/SideBar/SideBarItem.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-sub-menu v-if="route.children.length > 0" :index="route.path">
+  <el-sub-menu v-if="route.children?.length > 0" :index="route.path">
     <template #title>
       <MenuItem :title="route.meta.title" :icon="route.meta.icon"></MenuItem>
     </template>
@@ -15,6 +15,9 @@
 <script setup>
 import MenuItem from './MenuItem.vue'
 import { defineProps } from 'vue';
+// 导入自身组件以支持递归调用
+import { defineAsyncComponent } from 'vue'
+const SideBarItem = defineAsyncComponent(() => import('./SideBarItem.vue'))
 
 defineProps({
   route: {