feat(aside): routes rendering with meta.title

仅当存在 meta.title 且 meta.hidden 为 falsy 值时才会将该路由加入侧栏渲染

Author: lbwa

src/layout/Material/Aside/Item.vue

@@ -1,14 +1,19 @@
 <template>
-  <div class="recursive__list__item">
+  <!-- Component default behavior: route rendering when route has a title value
+  and no hidden setting. -->
+  <div
+    class="recursive__list__item"
+    v-if="!route.meta.hidden && route.meta.title"
+  >
 
-    <!-- route without child route -->
+    <!-- route rendering without child route -->
     <template v-if="!route.children">
       <el-menu-item
         :index="resolvePath(route.path)"
       >{{route.meta.title}}</el-menu-item>
     </template>
 
-    <!-- route with child route: recursive area -->
+    <!-- route rendering with child route: recursive area -->
     <el-submenu
       v-else
       :index="route.path"

src/router/routes/constant.js

@@ -1,28 +1,29 @@
 import { constantComponents, plainExport } from 'ROUTER/components'
 import permission from 'PERMISSION/roles-map'
 
+/**
+ * meta: {
+ *   title: 'route title', // Route will be hidden if meta.title is falsy value
+ *   icon: '', // title text icon name
+ *   layout: '', // layout name, 'plain' or 'material'(default value)
+ *   roles: ['admin', 'user'] // current route access
+ * }
+ */
 export default [
   {
     path: '/',
-    redirect: '/home',
-    meta: {
-      hidden: true
-    }
+    redirect: '/home'
   },
   {
     path: '/home',
     name: 'home',
-    component: constantComponents.pagesHome,
-    meta: {
-      title: 'Home'
-    }
+    component: constantComponents.pagesHome
   },
   {
     path: '/login',
     name: 'login',
     component: constantComponents.pagesLogin,
     meta: {
-      title: 'Login',
       layout: 'plain'
     }
   },
@@ -69,16 +70,10 @@ export default [
   },
   {
     path: '/403',
-    component: constantComponents.pagesErrorUnauthorized,
-    meta: {
-      title: 'Unauthorized'
-    }
+    component: constantComponents.pagesErrorUnauthorized
   },
   {
     path: '/404',
-    component: constantComponents.pagesErrorNotFound,
-    meta: {
-      title: 'NotFound'
-    }
+    component: constantComponents.pagesErrorNotFound
   }
 ]