动态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 菜单中