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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容