Vue动态菜单(路由)的实现方案(beforeEach+addRoutes+elementUI)

  • weechern
  • Vue
  • 2021-10-09
  • 119热度
  • 0评论

一、思路

1.前端在本地写好路由表，以及每个路由对应的角色，也就是哪些角色可以看到这个菜单/路由；

2.登录的时候，向后端请求得到登录用户的角色(管理者、普通用户)；

3.利用路由拦截，根据取到的用户角色,跟本地的路由表进行对比，过滤出用户对应的路由，并利用路由进行左侧菜单渲染