Skip to content

菜单

项目菜单配置存放于 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 变量,数值越大,排序越靠后