antd pro routes 隐藏第三级菜单,并且第二级菜单可以点击
时间: 2024-02-01 11:02:32 浏览: 89
webpack+react+antd脚手架优化的方法
你可以在路由配置文件中使用 `hideChildrenInMenu` 属性来隐藏第三级菜单,同时保留第二级菜单的可点击性。代码示例如下:
```javascript
{
path: '/parent',
name: 'Parent',
icon: 'smile',
routes: [
{
path: '/parent/child1',
name: 'Child1',
hideInMenu: true,
},
{
path: '/parent/child2',
name: 'Child2',
}
]
}
```
在上面的示例中,`Child1` 菜单项将被隐藏,而 `Child2` 菜单项仍然可以被点击。如果你想要在路由文件中隐藏第三级及以下所有子菜单,可以使用 `flatMenu` 属性。例如:
```javascript
{
path: '/parent',
name: 'Parent',
icon: 'smile',
flatMenu: true,
routes: [
{
path: '/parent/child1',
name: 'Child1',
hideInMenu: true,
},
{
path: '/parent/child2',
name: 'Child2',
hideInMenu: true,
}
]
}
```
在上述示例中,`flatMenu` 属性告诉 Ant Design Pro 将第三级子菜单打平,而 `Child1` 和 `Child2` 菜单项都将被隐藏。
阅读全文