vue的路由嵌套

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/weixin_39378691/article/details/83753793

1.需要在 Router 的参数中使用 children 配置：

PS：登录成功后跳转到action组件，action组件嵌套了多个子组件，渲染左边的导航栏（fixed）和默认渲染index的内容。相当于只有登录和action两个页面
{
path: ‘/action’, component: action, name: ‘action’,
children: [
{ path: ‘/’, component: index, name: ‘index’ },
{ path: ‘index’, component: index, name: ‘index’}
]
}

2.登录成功后的效果图如下

3.路由跳转都是在action/后面

阅读更多