鍍金池/ 問答/HTML/ Vue-router是否支持多級路由?

Vue-router是否支持多級路由?

項目基于Vue全家桶+iView+iView-admin
iView-admin的路由寫法如下,我簡化了部分代碼:

export const appRouter =[
     {
         path: '/access',
         icon: 'key',
         name: 'access',
         title: '權限管理',
         component: Main,
         children: [{
             path: 'index',
             title: '權限管理',
             name: 'access_index',
             component: () =>
                 import ('@/views/access/access.vue')
        }]
     },
     ...
]

export const routers = [
    ...appRouter,
];

// 路由配置
const RouterConfig = {
    // mode: 'history',
    routes: routers
};

export const router = new VueRouter(RouterConfig);

由于1.31版本不支持2級以下的側邊欄菜單,我自己在children字段里加了一個children,如下:

{
    path: '/tourcard',
    icon: 'android-settings',
    name: 'tourcard',
    title: '旅游卡',
    component: Main,
    children: [{
        path: 'tourcard-card',
        title: '旅游卡列表',
        name: 'tourcard-card',
        component: () =>
            import ('@/views/tourcard/tourcard-card/tourcard-main.vue'),
        children: [{
            path: 'tourcard-main',
            title: '旅游卡管理',
            name: 'tourcard-main',
            component: () =>
                import ('@/views/tourcard/tourcard-card/tourcard-card/tourcard-card.vue'),
        }, {
            path: 'tourcard-detail',
            title: '旅游卡明細',
            name: 'tourcard-detail',
            component: () =>
                import ('@/views/tourcard/tourcard-card/tourcard-detail/tourcard-detail.vue')
        }]
    }, {
        path: 'tourcard-saleOrder',
        title: '旅游卡銷售訂單',
        name: 'tourcard-saleOrder',
        component: () =>
            import ('@/views/tourcard/tourcard-saleOrder/tourcard-saleOrder.vue')
    }]
},

點擊側邊欄,頁面可以正常跳轉,但是控制臺會報錯,我想問問,這個錯誤是在哪里呢,是路由那里么?
圖片描述

回答
編輯回答
巫婆

Main.vue里面的watch

2018年5月1日 07:23