Как установить вложенные маршруты vue-router как у детей - PullRequest
Новая
       14

Как установить вложенные маршруты vue-router как у детей

1 голос
/ 23 апреля 2019

Я пытаюсь поставить роутер, который импортируется как константа, в дочерние узлы основного роутера

Маршрутизатор / компоненты / слайдер / index.js 

const sliderRouter = {
    path: '/slider',
    name: 'Slider',
    meta: {
        title: 'Slider'
    },
    component: () => import('@/views/components/slider'),
}

export default sliderRouter



маршрутизатор / index.js : 

...

import authRouter from './modules/auth'
import sliderRouter from './modules/components/slider'

...

export default new Router({
    mode: 'history',
    linkActiveClass: "active selected",
    routes: [
        authRouter, // this work
        {
            path: '/admin',
            name: 'primary',
            meta: { requiresAuth: true },
            // remastered version
            component: loadView('MainLayout'),
            children: [
                sliderRouter,  /* make something like this */
                //recent routes
                {
                    path: '/home',
                    name: 'home',
                    // route level code-splitting
                    // this generates a separate chunk (about.[hash].js) for this route
                    // which is lazy-loaded when the route is visited.
                    // classic version:
                    component: () => import(/* webpackChunkName: "about" */ '../views/Home.vue')
                    // component: About
                }
            ]
        },

Действительно ли возможно заставить маршрутизатор-слайдер работать таким образом и наследовать от MainLayout (как типичный дочерний элемент), а также URL будет '/ admin / slider'? *

1 Ответ

0 голосов
/ 24 апреля 2019

Я решил это, изменив путь в ползунке 

path: '/slider',

до 

path: 'slider',

потому что он использует как дочерний маршрут, который не требует косой черты перед именем

...