路由fixed&随访菜单高亮

src/router/follow.js

 const followUp = r => require.ensure([], () => r(require('../views/followup/layout.vue')), 'followUp');
 
-const plan = r => require.ensure([], () => r(require('../views/followup/planManage/layout.vue')), 'plan');
+const planManage = r => require.ensure([], () => r(require('../views/followup/planManage/layout.vue')), 'planManage');
 const planList = r => require.ensure([], () => r(require('../views/followup/planManage/plan-list.vue')), 'planList');
 
 const reservationManage = r => require.ensure([], () => r(require('../views/followup/reservationManage/layout.vue')), 'reservationManage');
@@ -16,13 +16,13 @@ const followRouters = {
     path: '/followUp',
     name: 'followUp',
     component: followUp,
-    redirect: 'followUp/plan/plan-list',
+    redirect: 'followUp/plan/planList',
     children: [
       {
-        path: 'plan',
-        component: plan,
-        name: 'plan',
-        redirect: 'plan/planList',
+        path: 'planManage',
+        component: planManage,
+        name: 'planManage',
+        redirect: 'planManage/planList',
         children: [
           {
             path: 'planList',

src/views/layout/slidebar.vue

@@ -5,21 +5,15 @@
                 <template v-if="item.subs">
                     <el-submenu :index=" 'index_' + _index" :key="item.index">
                         <template slot="title"><i :class="item.icon"></i>{{item.title}}</template>
-                        <template v-for="(subItem,i) in item.subs" >
-                          <router-link :to="{path: '/'+subItem.index}" :key="subItem.title">
-                            <el-menu-item
-                              :key="i"
-                              :index="subItem.index">
-                              <i class="sub-icon" :class="subItem.icon"></i>
-                              {{subItem.title}}
-                            </el-menu-item>
-                          </router-link>
-                        </template>
+                        <el-menu-item v-for="(subItem,i) in item.subs" :key="i" :index="'/'+subItem.index">
+                          <i class="sub-icon" :class="subItem.icon"></i>
+                          {{subItem.title}}
+                        </el-menu-item>
 
                     </el-submenu>
                 </template>
                 <template v-else>
-                    <el-menu-item :index="item.index" :key="item.index">
+                    <el-menu-item :index="'/'+item.index" :key="item.index">
                         <i :class="item.icon"></i>{{ item.title }}
                     </el-menu-item>
                 </template>
@@ -35,7 +29,7 @@ export default {
                 {
                     title: '数据总览',
                     icon: 'el-icon-menu',
-                    index: '/',
+                    index: 'home',
 
                 },{
                     title: '教培项目',
@@ -72,17 +66,17 @@ export default {
                     {
                       title: '计划管理',
                       icon: 'el-icon-setting',
-                      index: 'followup/plan'
+                      index: 'followup/planManage/planList'
                     },
                     {
                       title: '预约管理',
                       icon: 'el-icon-setting',
-                      index: 'followup/reservationManage'
+                      index: 'followup/reservationManage/reservationList'
                     },
                     {
                       title: '录入管理',
                       icon: 'el-icon-setting',
-                      index: 'followup/recordManage'
+                      index: 'followup/recordManage/recordList'
                     }
                   ]
                 }
@@ -91,7 +85,7 @@ export default {
     },
     computed: {
         onRoutes() {
-            return this.$route.path.replace('/', '');
+            return this.$route.path;
         }
     }
 }