vue-element-admin路由权限设置

1、src/layout/Sidebar/index.vue,以下是控制左侧栏路由是否显示,通过permission_routes找到值从哪来的。

1.jpg

2、每次进入页面都会判断用户角色
image.png

3、在这里可以看到,获取到用户的角色信息,再来通过store.dispatch('permission/generateRoutes', roles)来获取路由列表
4、通过store/modules/permission下generateRoutes方法在进行处理。
image.png

。。。
最终根据router.js,roles来控制各个页面的权限


image.png

你可能感兴趣的:(vue-element-admin路由权限设置)