diff --git a/src/components/core/d2-layout-main/components/-menu-item/index.vue b/src/components/core/d2-layout-main/components/-menu-item/index.vue
index 5ad45134..845b83ba 100644
--- a/src/components/core/d2-layout-main/components/-menu-item/index.vue
+++ b/src/components/core/d2-layout-main/components/-menu-item/index.vue
@@ -1,11 +1,12 @@
 <template>
-  <el-menu-item :index="menu.path">
+  <el-menu-item :index="menu.path || uniqueid">
     <i v-if="menu.icon" :class="`fa fa-${menu.icon}`"></i>
     <span slot="title">{{menu.title}}</span>
   </el-menu-item>
 </template>
 
 <script>
+import _uniqueid from 'lodash.uniqueid'
 export default {
   name: 'd2-layout-main-menu-item',
   props: {
@@ -14,6 +15,11 @@ export default {
       required: false,
       default: () => {}
     }
+  },
+  data () {
+    return {
+      uniqueid: _uniqueid('d2-menu-empty-')
+    }
   }
 }
 </script>
diff --git a/src/components/core/d2-layout-main/components/-menu-sub/index.vue b/src/components/core/d2-layout-main/components/-menu-sub/index.vue
index 099bc744..63769d81 100644
--- a/src/components/core/d2-layout-main/components/-menu-sub/index.vue
+++ b/src/components/core/d2-layout-main/components/-menu-sub/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-submenu :index="menu.path">
+  <el-submenu :index="menu.path || uniqueid">
     <template slot="title">
       <i v-if="menu.icon" :class="`fa fa-${menu.icon}`"></i>
       <span slot="title">{{menu.title}}</span>
@@ -12,6 +12,7 @@
 </template>
 
 <script>
+import _uniqueid from 'lodash.uniqueid'
 export default {
   name: 'd2-layout-main-menu-sub',
   props: {
@@ -21,6 +22,11 @@ export default {
       default: () => {}
     }
   },
+  data () {
+    return {
+      uniqueid: _uniqueid('d2-menu-empty-')
+    }
+  },
   components: {
     'd2-layout-main-menu-item': () => import('../-menu-item/index.vue')
   }
diff --git a/src/menu/index.js b/src/menu/index.js
index 5dad5526..de4c8f40 100644
--- a/src/menu/index.js
+++ b/src/menu/index.js
@@ -253,7 +253,15 @@ export default [
       demoPlugins,
       demoComponents,
       demoElement,
-      demoChart
+      demoChart,
+      {
+        title: '空菜单演示',
+        children: [
+          { title: '空菜单1' },
+          { title: '空菜单2' },
+          { title: '空菜单3' }
+        ]
+      }
     ]
   },
   {