动态菜单

核心:和动态路由配合,根据路由权限来渲染权限菜单。

方案解析:

1.指定根据路由表生成menu菜单的规则

2.依据制定的规则来创建路由表

3.根据路由表,生成menu菜单

一、menu菜单生成规则

1.对单个路由规则而言
(1)如果meta&&meta.title&&meta.icon,则显示在menu菜单中,title为显示文字,icon为图标
a.如果有children属性,则以el-sub-menu显示(有子菜单)
b.否则以el-menu-item(可点击跳转菜单项)显示
(2)否则不在menu中显示
image.png

二、根据指定规则生成路由表

image.png

1.生成页面

2.创建路由表

3.解析路由表

4.生成menu菜单