Рекурсивные слизни в маршрутах vue-router - PullRequest
Новая
       3

Рекурсивные слизни в маршрутах vue-router

1 голос
/ 03 июля 2019

Я настраиваю веб-сайт, который будет содержать группы, у этих групп могут быть подгруппы, и у этих подгрупп могут быть подгруппы и т. Д. *

Возможно ли это любым способом??

Конечно, создание пути маршрута, например: /groups/:slug/:slug не работает, так как содержит повторяющиеся параметры.

Я думал о том, чтобы использовать шаблон звезды в качестве дочернего маршрута, этот ребенокМаршрут перенаправит пользователя обратно на родительский маршрут с помощью пули и субсуги, затем следующее действие будет заключаться в том, чтобы воздействовать на субстанцию, если она существует.Но, может быть, у кого-то есть лучшее решение для этого? 

const groupRoute = {
    path: `/groups/:slug`,
    name: 'group',
    component: Group,
    children: [
        {
            path: '',
            component: GroupsHome
        },
        {
            path: '/subgroups',
            component: SubGroups
        },
        {
            path: '*',
            beforeEnter(to, from, next) {
                next({
                    name: 'group',
                    params: {
                        slug: to.params.slug,
                        subSlug: to.params.pathMatch
                    }
                })
            }
        },
    ]
}

1 Ответ

0 голосов
/ 04 июля 2019

Вот базовый пример:

Вложенная навигация с аналогичной структурой для вложенных объектов. Хитрость здесь в том, чтобы использовать другое имя параметра для внутренних маршрутов.

...