1

src/components/common/Sidebar.vue

@@ -51,6 +51,22 @@ export default {
           index: 'homeIndex',
           title: '系统首页',
         },
+        {
+          icon: 'el-icon-s-home',
+          index: 'test',
+          title: '测试菜单',
+        },
+        // {
+        //   icon: 'el-icon-s-home',
+        //   index: '1',
+        //   title: '测试菜单',
+        //   subs: [
+        //     {
+        //       index: 'test',
+        //       title: '测试菜单',
+        //     },
+        //   ],
+        // },
       ],
     };
   },

src/router/index.js

@@ -20,6 +20,11 @@ export default new Router({
           component: () => import('../views/homeIndex.vue'),
           meta: { title: '系统首页' },
         },
+        {
+          path: '/test',
+          component: () => import('../views/test/index.vue'),
+          meta: { title: '测试菜单' },
+        },
       ],
     },
     {

src/views/homeIndex.vue

@@ -11,9 +11,7 @@
 
 <script>
 import breadcrumb from '@c/common/breadcrumb.vue';
-
 import { mapState, createNamespacedHelpers } from 'vuex';
-
 import bus from '@/components/common/bus';
 export default {
   metaInfo() {
@@ -25,9 +23,7 @@ export default {
     breadcrumb,
   },
   data: function() {
-    return {
-      breadcrumbTitle: '',
-    };
+    return {};
   },
   created() {},
   methods: {},

src/views/test/detail.vue

@@ -0,0 +1,32 @@
+<template>
+  <div id="detail">
+    <el-row>
+      <el-col :span="24">
+        <p>detail</p>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+  name: 'detail',
+  props: {},
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped></style>

src/views/test/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div id="index">
+    <el-row>
+      <el-col :span="24" class="main">
+        <breadcrumb :breadcrumbTitle="this.$route.meta.title"></breadcrumb>
+        <el-col :span="24" class="container">
+          测试菜单
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import breadcrumb from '@c/common/breadcrumb.vue';
+import { mapState, createNamespacedHelpers } from 'vuex';
+import bus from '@/components/common/bus';
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    breadcrumb,
+  },
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {},
+  computed: {
+    ...mapState(['user']),
+  },
+  metaInfo() {
+    return { title: this.$route.meta.title };
+  },
+};
+</script>
+
+<style lang="less" scoped></style>