no message

Former-commit-id: 152e6e1b73e2dd8d29d8c45d9047c386df2d0c83
Former-commit-id: 2029f6e35556415cd805f7dfbf57687680bd14ac
Former-commit-id: f8ee5af5e0bb63a4823b8e03e6ebd0abaf3ab7a5

src/components/core/MainLayout/components/SideMenu/index.vue

@@ -1,48 +1,42 @@
 <template>
   <div>
     <el-menu
-      v-if="sideMenu.filter(e => e.title).length > 0"
       :collapse="collapse"
       :unique-opened="true">
-      <template v-for="(menu, index) in sideMenu">
+      <el-submenu index="1">
-        <!-- 没有子菜单的菜单项 -->
+        <template slot="title">
-        <el-menu-item
+          <i class="el-icon-location"></i>
-          v-if="!menu.children && menu.title"
+          <span>导航一</span>
-          :key="index"
+        </template>
-          :index="`${menu.title}${index}`"
+        <el-menu-item-group>
-          @click.native="$router.push({name: menu.name})">
+          <template slot="title">分组一</template>
-          <i v-if="menu.icon" :class="'fa fa-' + menu.icon"></i>
+          <el-menu-item index="1-1">选项1</el-menu-item>
-          <span slot="title">{{menu.title}}</span>
+          <el-menu-item index="1-2">选项2</el-menu-item>
-        </el-menu-item>
+        </el-menu-item-group>
-        <!-- 有子菜单的项目 -->
+        <el-menu-item-group title="分组2">
-        <el-submenu
+          <el-menu-item index="1-3">选项3</el-menu-item>
-          v-if="menu.children"
+        </el-menu-item-group>
-          :key="index"
+        <el-submenu index="1-4">
-          :index="`${menu.title}${index}`">
+          <template slot="title">选项4</template>
-          <template slot="title">
+          <el-menu-item index="1-4-1">选项1</el-menu-item>
-            <i v-if="menu.icon" :class="'fa fa-' + menu.icon"></i>
-            <span slot="title">{{menu.title}}</span>
-          </template>
-          <el-menu-item
-            v-for="(menuItem, menuItemIndex) in menu.children"
-            :key="menuItemIndex"
-            :index="`${menuItem.name}${menuItemIndex}`"
-            @click.native="$router.push({name: menuItem.name})">
-            <i v-if="menuItem.icon" :class="'fa fa-' + menuItem.icon"></i>
-            {{menuItem.title}}
-          </el-menu-item>
         </el-submenu>
-      </template>
+      </el-submenu>
+      <el-menu-item index="2">
+        <i class="el-icon-menu"></i>
+        <span slot="title">导航二</span>
+      </el-menu-item>
+      <el-menu-item index="4">
+        <i class="el-icon-setting"></i>
+        <span slot="title">导航四</span>
+      </el-menu-item>
     </el-menu>
-    <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
+    <!-- <div v-if="sideMenu.filter(e => e.title).length === 0 && !collapse" class="dd-side-menu-empty">
       没有菜单
-    </div>
+    </div> -->
   </div>
 </template>
 
 <script>
-import { mapState } from 'vuex'
-import { menu, router } from '@/router/menu/index.js'
 export default {
   props: {
     collapse: {
@@ -50,17 +44,6 @@ export default {
       required: false,
       default: false
     }
-  },
-  data () {
-    return {
-      menu,
-      router
-    }
-  },
-  computed: {
-    ...mapState({
-      sideMenu: state => state.menu.sideMenu
-    })
   }
 }
 </script>