侧边栏菜单
通过编辑文件:/config/shared/nav_menu.js 的 nav_menu来制定菜单组 目前只这次二级菜单(未来可能支持多级)
下面设置了两个菜单组:
- 功能:员工,审批,文档
- 设置:部门
文件:/config/shared/nav_menu.js
module.exports = {
title: 'HR系统',
nav_menu: [{
path: '/',
name: '功能',
iconCls: 'el-icon-menu', //图标样式class
children: [
{ path: '/company/Employee', name: '员工' },
{ path: '/company/Approve', name: '审批' },
{ path: '/company/Doc', name: '文档' }
]
},
{
path: '/',
name: '设置',
iconCls: 'el-icon-menu', //图标样式class
children: [
{ path: '/company/Department', name: '部门' }
]
}
]
}
通过iconCls 可以定制图标样式,由于ui使用的是element-ui,所以我们可以使用element-ui Icon图标
设置完菜单后,就是对每个菜单编写对于的配置文件。
隐藏菜单(不渲染)
通过增加hidden:true属性达到隐藏菜单,但是可以通过程序跳转
{ path: '/company/Doc', hidden:true,name: '文档' }