'保安项目提交'

src/layout/components/SideBar/SideBarItem.vue

@@ -0,0 +1,28 @@
+<template>
+  <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>
+    <!---循环渲染--->
+    <SideBarItem v-for="item in route.children" :key="item.path" :route="item"></SideBarItem>
+  </el-sub-menu>
+
+  <el-menu-item v-else :index="route.path">
+    <MenuItem :title="route.meta.title" :icon="route.meta.icon"></MenuItem>
+  </el-menu-item>
+</template>
+
+<script setup>
+import MenuItem from './MenuItem.vue'
+import { defineProps } from 'vue';
+
+defineProps({
+  route: {
+    type: Object,
+    required: true
+  }
+})
+</script>
+
+<style>
+</style>