菜单
项目菜单配置存放于 src/router/routes 下面
菜单项类型
export interface Menu { // 菜单名 name: string; // 菜单路径 path: string; //菜单对应的组件路径 component: function; // 子菜单 children?: Menu[]; // 菜单标签设置 meta: { // 菜单名 title: string; // icon icon: string'; // 路由权限字符 role: string; // 排序 sort: number }}菜单模块
一个菜单文件会被当作一个模块
import { t } from '@/hooks/gui/useI18n'
export default { path: '/overview', redirect: '/overview/statistics', component: () => import('@/views/layout/default/index.vue'), meta: { title: t('routes.overview'), role: 'sms:overview', icon: 'icon-backlog', sort: 1, }, children: [ { path: 'statistics', name: 'statistics', component: () => import('@/views/overview/statistics/index.vue'), meta: { title: t('routes.overview.statistics'), role: 'sms:overview:statistics', }, }, ],}新增菜单
直接在 src/router/routes/modules 内新增一个模块文件即可。
不需要手动引入,放在src/router/routes/modules 内的文件会自动被加载。
菜单排序
在菜单模块内,设置 sort 变量,数值越大,排序越靠后