ant design pro 二级菜单_ant design pro 详情页面包屑保持路由层级并显示，菜单不显示...

ant design pro 详情页面包屑保持路由层级并显示，菜单不显示

新项目中使用antd-pro框架，所以接下来会写一些关于antd-pro的踩坑

详情页(修改页/添加页)和列表页在路由层级上通常是处在同一层的，这样可以渲染在同一位置，但是在面包屑的展示上给用户的感觉是详情页应该在列表页的下面,在antd-pro项目中并没有直接的方法，所以需要对menu.js文件做一下修改，下面是实现：

//角色管理模块的路由

routes: [

//角色列表

{

path: '/user/role',

name: 'role',

locale: 'menu.user.role',

component: './User/Role',

},

//角色添加

{

path: '/user/role/role-add',

name: 'role-add',

hideInMenu: 'true', //添加页不需要在menu上显示

component: './User/RoleAdd',

},

//角色修改

{

path: '/user/role/role-mod/:id',

name: 'role-mod',

hideInMenu: 'true',

component: './User/RoleMod',

},

]