组件文档

src/router/index.js

@@ -0,0 +1,139 @@
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+import store from '@/store'
+
+Vue.use(VueRouter)
+
+const originalPush = VueRouter.prototype.push
+VueRouter.prototype.push = function push(location) {
+  return originalPush.call(this, location).catch((err) => err)
+}
+
+import Layout from '@/layout'
+
+/**
+ * hidden: true       if set true, item will not show in the top menuModule(default is false)
+ */
+
+export const routes = [
+  {
+    path: '/home',
+    component: Layout,
+    name: 'home',
+    meta: {
+      title: '首页'
+    },
+    children: [
+      {
+        path: 'introduce',
+        name: 'introduce',
+        meta: {
+          title: '介绍'
+        },
+        component: () => import('../views/home/introduce')
+      }
+    ]
+  },
+  {
+    path: '/table',
+    component: Layout,
+    name: 'table',
+    meta: {
+      title: '表格'
+    },
+    children: [
+      {
+        path: 'singleHead',
+        name: 'singleHead',
+        meta: {
+          title: '单表头'
+        },
+        component: () => import('../views/table/singleHead')
+      },
+      {
+        path: 'multiLevelHead',
+        name: 'multiLevelHead',
+        meta: {
+          title: '多级表头'
+        },
+        component: () => import('../views/table/multiLevelHead')
+      },
+      {
+        path: 'canBeEntered',
+        name: 'canBeEntered',
+        meta: {
+          title: '可输入型'
+        },
+        component: () => import('../views/table/canBeEntered')
+      },
+      {
+        path: 'paginationShow',
+        name: 'paginationShow',
+        meta: {
+          title: '分页'
+        },
+        component: () => import('../views/table/pagination')
+      }
+    ]
+  },
+  {
+    path: '/searchBar',
+    component: Layout,
+    name: 'searchBar',
+    meta: {
+      title: '搜索'
+    },
+    children: [
+      {
+        path: 'searchBar',
+        name: 'searchBar',
+        meta: {
+          title: '搜索'
+        },
+        component: () => import('../views/searchBar/searchBar')
+      }
+    ]
+  },
+  {
+    path: '/dialog',
+    component: Layout,
+    name: 'dialog',
+    meta: {
+      title: '对话框'
+    },
+    children: [
+      {
+        path: 'dialogPage',
+        name: 'dialogPage',
+        meta: {
+          title: '对话框'
+        },
+        component: () => import('../views/dialog/dialogPage')
+      }
+    ]
+  },
+  { path: '*', redirect: '/home/introduce', hidden: true }
+]
+
+const router = new VueRouter({
+  mode: 'hash',
+  base: process.env.BASE_URL,
+  routes
+})
+
+router.beforeEach((to, from, next) => {
+  if (to.path === '/login') {
+    next()
+  } else {
+    if (to.matched[0]) {
+      const activeBox = {
+        activeModule: to.matched[0].name,
+        activeMenu: to.matched[1].name
+      }
+      store.dispatch('menu/setActiveModule', activeBox)
+      next()
+    }
+  }
+})
+
+export default router