Вложив некоторые маршруты с помощью 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
основной конец