多级路由

{
    path: '/tourcard',
    icon: 'android-settings',
    name: 'tourcard',
    title: '父路由',
    component: Main,
    children: [{
        path: 'tourcard-card',
        title: '子路由1',
        name: 'tourcard-card',
        component: () =>
            import ('@/views/tourcard/tourcard-card/tourcard-main.vue'),
        children: [{
            path: 'tourcard-main',
            title: '孙路由1',
            name: 'tourcard-main',
            component: () =>
                import ('@/views/tourcard/tourcard-card/tourcard-card/tourcard-card.vue'),
        }, {
            path: 'tourcard-detail',
            title: '孙路由2',
            name: 'tourcard-detail',
            component: () =>
                import ('@/views/tourcard/tourcard-card/tourcard-detail/tourcard-detail.vue')
        }]
    }, {
        path: 'tourcard-saleOrder',
        title: '子路由2',
        name: 'tourcard-saleOrder',
        component: () =>
            import ('@/views/tourcard/tourcard-saleOrder/tourcard-saleOrder.vue')
    }]
},
posted @ 2021-01-05 13:59  杜广超  阅读(94)  评论(0)    收藏  举报