动态menu菜单

动态menu菜单

  • 根据路由表的配置，自动生成对应的menu菜单
  • 当路由表发生变化时，menu菜单自动发生变化

实现方案

  1. 定义路由表对应menu菜单规则
  2. 根据规则制定路由表
  3. 根据规则，依据路由表，生成menu菜单

路由表对应menu菜单规则

对于单个路由规则而言（循环）：

  1. 如果meta && meta.title && meta.icon ：则显示在 menu 菜单中，其中 title 为显示的内容，icon 为显示的图标
  • 如果存在 children ：则以 el-sub-menu（子菜单） 展示
  • 否则：则以 el-menu-item（菜单项） 展示
  1. 否则：不显示在 menu 菜单中
posted @   见信  阅读(108)  评论(0)  编辑  收藏  举报
相关博文：
· 解析路由表，生成结构化数据
· 创建动态路由表
· vue我自己的动态菜单思路
· Ant-design-vue项目实现动态路由
· vue-动态菜单 带本地动态路由结合
阅读排行：
· Manus重磅发布：全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后，我竟然真的恢复了删除的微信聊天记录！
· 没有Manus邀请码？试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示