Vue маршрутизатор динамический c идентификатор и имя в дочернем маршруте - PullRequest
Новая
       13

Vue маршрутизатор динамический c идентификатор и имя в дочернем маршруте

0 голосов
/ 23 апреля 2020

У меня есть маршрут: 

{
    path: '/user',
    name: 'user',
    component: () => import('@/views/users/Users.vue'),
    children: [
        {
        path: '/:id/:username?',
        name: 'userData',
        component: () => import('@/components/users/User.vue'),
        },
    ],
},

Мой маршрутизатор настроек: 

const router = new VueRouter({
   mode: 'history',
   base: process.env.BASE_URL,
   scrollBehavior: () => ({ y: 0 }),
});

У меня проблема с дочерним элементом в маршруте. Когда я go на сайт http://localhost:8080/user я вижу список всех пользователей из базы данных. Но когда я go на сайт: http://localhost:8080/user/1/john vue снова загружает представление со всеми пользователями (представление Users.vue), здесь мне нужно загрузить компонент с данными одного пользователя (компонент User.vue). Параметр username является опциональным.

...