vue-router嵌套的问题

Question

咨询一个嵌套路由的问题
routes定义的时候，是通过children一层一层嵌套的，但界面上不嵌套，只有两层router-view，第一层是layout，主界面部分是第二层。这样在界面的router-view显示router嵌套在底层（3层或者4层）的组件？比如下面，但界面上不可能这么复杂。

const?nestedRouter?=?{
??path:?'/authManage',
??component:?Layout,
??redirect:?'/authManage/menu1/menu1-1',
??name:?'Nested',
??meta:?{?title:?'Nested?Routes',?icon:?'nested'?},
??children:?[
????{
??????path:?'menu1',
??????component:?()?=>?import('@/views/nested/menu1/index'),?//?Parent?router-view
??????name:?'Menu1',
??????meta:?{?title:?'Menu?1'?},
??????redirect:?'/nested/menu1/menu1-1',
??????children:?[
????????{
??????????path:?'menu1-1',
??????????component:?()?=>?import('@/views/nested/menu1/menu1-1'),
??????????name:?'Menu1-1',
??????????meta:?{?title:?'Menu?1-1'?}
????????},
????????{
??????????path:?'menu1-2',
??????????component:?()?=>?import('@/views/nested/menu1/menu1-2'),
??????????name:?'Menu1-2',
??????????redirect:?'/nested/menu1/menu1-2/menu1-2-1',
??????????meta:?{?title:?'Menu?1-2'?},
??????????children:?[
????????????{
??????????????path:?'menu1-2-1',
??????????????component:?()?=>?import('@/views/nested/menu1/menu1-2/menu1-2-1'),
??????????????name:?'Menu1-2-1',
??????????????meta:?{?title:?'Menu?1-2-1'?}
????????????},
????????????{
??????????????path:?'menu1-2-2',
??????????????component:?()?=>?import('@/views/nested/menu1/menu1-2/menu1-2-2'),
??????????????name:?'Menu1-2-2',
??????????????meta:?{?title:?'Menu?1-2-2'?}
????????????}
??????????]
????????},
????????{
??????????path:?'menu1-3',
??????????component:?()?=>?import('@/views/nested/menu1/menu1-3'),
??????????name:?'Menu1-3',
??????????meta:?{?title:?'Menu?1-3'?}
????????}
??????]
????},
????{
??????path:?'menu2',
??????name:?'Menu2',
??????component:?()?=>?import('@/views/nested/menu2/index'),
??????meta:?{?title:?'Menu?2'?}
????}
??]
}

export?default?nestedRouter

Answer 1

1：第三级路由就得在对应的父页面加一个<router-view/>，进行跳转子级；

2：比如你上面的menu1-1、menu1-2需要在父级menu1加一个<router-view/>跳转子级；

3：而再下一级menu1-2-1、menu1-2-2，需要在父级menu1-2加一个<router-view/>跳转子级；