diff --git a/src/components/core/MainLayout/components/SideMenu/components/ddMenus.vue b/src/components/core/MainLayout/components/SideMenu/components/ddMenus.vue
new file mode 100644
index 00000000..a55dff2b
--- /dev/null
+++ b/src/components/core/MainLayout/components/SideMenu/components/ddMenus.vue
@@ -0,0 +1,30 @@
+<template>
+  <div>
+    <el-menu-item v-if="menu.children === undefined" :index="menu.path">
+      <i :class="`fa fa-${menu.icon}`"></i>
+      <span slot="title">{{menu.title}}</span>
+    </el-menu-item>
+    <el-submenu v-else index="1">
+      <template slot="title">
+        <i :class="`fa fa-${menu.icon}`"></i>
+        <span slot="title">{{menu.title}}</span>
+      </template>
+      <el-menu-item :index="menu.path">
+        <i :class="`fa fa-${menu.icon}`"></i>
+        <span slot="title">{{menu.title}}</span>
+      </el-menu-item>
+    </el-submenu>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'menus',
+  props: {
+    menu: {
+      require: false,
+      default: () => []
+    }
+  }
+}
+</script>
diff --git a/src/components/core/MainLayout/components/SideMenu/components/menus.vue b/src/components/core/MainLayout/components/SideMenu/components/menus.vue
deleted file mode 100644
index 07734c2c..00000000
--- a/src/components/core/MainLayout/components/SideMenu/components/menus.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  
-</template>
-
-<script>
-export default {
-  name: 'menus',
-  props: {
-    menus: {
-      require: false,
-      default: () => []
-    }
-  }
-}
-</script>
diff --git a/src/components/core/MainLayout/components/SideMenu/index.vue b/src/components/core/MainLayout/components/SideMenu/index.vue
index f1af18bd..4b850301 100644
--- a/src/components/core/MainLayout/components/SideMenu/index.vue
+++ b/src/components/core/MainLayout/components/SideMenu/index.vue
@@ -4,45 +4,9 @@
       :collapse="collapse"
       :unique-opened="true"
       :router="true">
-      <menus/>
-      <!-- <template v-for="(menu, menuIndex) in menus">
-        <el-menu-item v-if="menu.children === undefined" :key="`level1-item-${menuIndex}`" :index="menu.path">
-          <i :class="`fa fa-${menu.icon}`"></i>
-          <span slot="title">{{menu.title}}</span>
-        </el-menu-item>
-        <el-submenu v-else :key="`level1-submenu-${menuIndex}`" :index="`level1-submenu-${menuIndex}`">
-          <template slot="title">
-            <i :class="`fa fa-${menu.icon}`"></i>
-            <span slot="title">{{menu.title}}</span>
-          </template>
-        </el-submenu>
-      </template> -->
-      <!-- <el-menu-item index="2">
-        <i class="el-icon-menu"></i>
-        <span slot="title">导航二</span>
-      </el-menu-item>
-      <el-submenu index="1">
-        <template slot="title">
-          <i class="el-icon-location"></i>
-          <span>导航一</span>
-        </template>
-        <el-menu-item-group>
-          <template slot="title">分组一</template>
-          <el-menu-item index="1-1">选项1</el-menu-item>
-          <el-menu-item index="1-2">选项2</el-menu-item>
-        </el-menu-item-group>
-        <el-menu-item-group title="分组2">
-          <el-menu-item index="1-3">选项3</el-menu-item>
-        </el-menu-item-group>
-        <el-submenu index="1-4">
-          <template slot="title">选项4</template>
-          <el-menu-item index="1-4-1">选项1</el-menu-item>
-        </el-submenu>
-      </el-submenu>
-      <el-menu-item index="4">
-        <i class="el-icon-setting"></i>
-        <span slot="title">导航四</span>
-      </el-menu-item> -->
+      <template v-for="(menu, menuIndex) in menus">
+        <dd-menus :menu="menu" :key="menuIndex"/>
+      </template>
     </el-menu>
     <!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
       没有菜单
@@ -60,7 +24,7 @@ export default {
     }
   },
   components: {
-    menus: () => import('./components/menus.vue')
+    ddMenus: () => import('./components/ddMenus.vue')
   },
   data () {
     return {