1. 创建菜单路由pinia管理
- 通过searchSelfMenusService 从后端请求菜单树列表, 菜单树查询构建内容见前变后端部分菜单列表树部分
src\stores\menu.ts - vue3 动态加载组件要使用 import.meta.glob(‘…/views/**/*.vue’)
- 使用elementplus el-menu 所以要构建完整路由,以"/" 开头,不然会出现路由跳转时路由拼接问题,使用contactChildRouter 拼接完整路由,在后续递归菜单时使用
- mountRouter 将所有菜单挂载在Layout子菜单下,Layout布局页面见下一章节
- 数据说明
- menuList: 构建菜单
- routerList: 路由缓存,创建过程中会加载vue组件
- menuArray: 构建完整路由后菜单的一维存储,便于后续菜单、路由搜索
import {
defineStore} from 'pinia'