Как сделать вложенные URL Vue-Router?

Question

[Amenov_Abdul]

Привет!

Столкнулся с проблемой, вот код роутов:

const router = new Router({
  mode: 'history',
  base: process.env.BASE_URL,
  routes: [
    {
      path: '/sign-in',
      name: 'sign-in',
      component: () => import('./views/auth/SignIn.vue'),
    },
    {
      path: '/',
      name: 'home',
      component: () => import('./views/Index.vue'),
    },
    {
      path: '/control-panel',
      name: 'control-panel',
      component: () => import('./views/control-panel/Index.vue'),
      children: [
        {
          path: 'users',
          name: 'control-panel.users',
          component: () => import('./views/control-panel/Users.vue')
        },
        {
          path: 'tenders',
          name: 'control-panel.tenders',
          component: () => import('./views/control-panel/Tenders.vue')
        }
      ]
    },
  ]
})


export default router

Сделал все как в документации... (мне так кажется).

В общем суть такая, страница с URL: control-panel отображает свой контент но его доч. URL содержат такое же содержимое что и родитель. Что не так? Если не понятно написал, напишите об этом.

Answer 1

[0xD34F]

А есть ли router-view внутри ./views/control-panel/Index.vue?

Comments

[Amenov_Abdul]

Вы правы! Спасибо за ответ, работает :)))