在写实验室项目的时候，有一个需求，在二级路由页面点击按钮，跳转到详情列表页面，同时三级路由不用在导航栏显示，效果图如下：

前期的尝试：

在route,js文件这样定义的：

{path: 'music', // 一级路由name: 'music',access: 'music-manager',icon: 'search-monitor',routes: [{path: 'clManager', // 二级路由name: 'clManager',component: ClManager,routes: [{path: 'detail', // 三级路由name: 'detail',component: ClManagerDetail,hideInMenu: true,},]},}

这样定义出现的问题就是点击三级路由的时候，三级路由页面的内容是二级路由页面的内容。

解决方法

{path: 'music', // 一级路由name: 'music',access: 'music-manager',icon: 'search-monitor',routes: [{path: 'clManager', // 二级路由name: 'clManager',component: ClManager,},{path: 'clManager/detail', // 三级路由name: 'detail',component: ClManagerDetail,hideInMenu: true,},}