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

Привет!

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

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 содержат такое же содержимое что и родитель. Что не так? Если не понятно написал, напишите об этом.
  • Вопрос задан
  • 40 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега Vue.js
А есть ли router-view внутри ./views/control-panel/Index.vue?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы