Несколько вложенных маршрутов сломались на 4-м - PullRequest
0 голосов
/ 07 января 2019

Вложив некоторые маршруты с помощью vue-router, но на 4-м вложенном маршруте он разбивает весь контент, кроме основного контента

mainComponent -> (маршрутизатор-вид) -> sub1 -> (маршрутизатор-вид) -> sub2 -> (маршрутизатор-вид) -> finalComponent

import childs1 from '@/router/modules/childs1'
export default new Router({
  routes: [
    {
      path: '/main',
      name: 'main',
      component: mainComponent,
      children: chids1
    }
  ]

//childs1.js
import childs2 from '@/router/modules/childs2'
export default [
  {
    path: 'sub1',
    name: 'sub1',
    component: sub1,
    children: chids2
  }
]

//childs2.js
import childs3 from '@/router/modules/childs3'
export default [
  {
    path: 'sub2',
    name: 'sub2',
    component: sub2,
    children: chids3
  }
]

//childs3.js
export default [
  {
    path: 'final',
    name: 'final',
    component: finalComponent
  }

У меня есть этот результат

/ главный


главная инициализация

-

основной конец


/ главная / sub1


главная инициализация

sub1 init

-

sub1 end

основной конец


/ главная / sub1 / sub2


главная инициализация

sub1 init

sub2 init

-

sub2 end

sub1 end

основной конец


* * Тысяча сорок-девять / Главный / sub1 / sub2 / окончательные

главная инициализация

-

основной конец


где должно быть

* * Тысяча шестьдесят один / Главный / sub1 / sub2 / окончательные

главная инициализация

sub1 init

sub2 init

окончательная инициализация

-

окончательный конец

конец sub2

конец sub1

основной конец


...