在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

Vue-router是否支持多級(jí)路由?

項(xiàng)目基于Vue全家桶+iView+iView-admin
iView-admin的路由寫法如下,我簡(jiǎn)化了部分代碼:

export const appRouter =[
     {
         path: '/access',
         icon: 'key',
         name: 'access',
         title: '權(quán)限管理',
         component: Main,
         children: [{
             path: 'index',
             title: '權(quán)限管理',
             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級(jí)以下的側(cè)邊欄菜單,我自己在children字段里加了一個(gè)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: '旅游卡明細(xì)',
            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')
    }]
},

點(diǎn)擊側(cè)邊欄,頁面可以正常跳轉(zhuǎn),但是控制臺(tái)會(huì)報(bào)錯(cuò),我想問問,這個(gè)錯(cuò)誤是在哪里呢,是路由那里么?
圖片描述

回答
編輯回答
巫婆

Main.vue里面的watch

2018年5月1日 07:23