Как добавить внешний макет для компонента VUE - PullRequest
Новая
       9

Как добавить внешний макет для компонента VUE

0 голосов
/ 18 февраля 2019

Я хотел изменить свой маршрут Vue с / dashboards / dashboard на just / dashboard.Как добиться этого с помощью этого кода 

import Layout2 from '@/layout/Layout2'

export default [
{
    path: '/dashboards',
    component: Layout2,
    children: [
    {
        path: 'dashboard',
        name: 'dashboard',
        component: () => import('@/components/dashboards/Dashboard')
    }
    ]
  }
]

Я пытался поместить этот код, но как я могу добавить layout2, если компонент уже добавлен? 

export default [
  {
    path: '/dashboard',
    name: 'dashboard',
    component: () => import('@/components/dashboards/Dashboard')
  }
]

1 Ответ

0 голосов
/ 18 февраля 2019

Если документ vue-router

Обратите внимание, что вложенные пути, начинающиеся с /, будут рассматриваться как корневой путь.Это позволяет использовать вложенность компонентов без использования вложенного URL.

Вы можете сделать 

import Layout2 from '@/layout/Layout2'

export default [
{
    path: '/',
    component: Layout2,
    children: [
    {
        path: 'dashboard',
        name: 'dashboard',
        component: () => import('@/components/dashboards/Dashboard')
    }
    ]
  }
]
...