Vue项目中实现简单的权限管理

一，页面级别的权限管理（通过角色判断能否进入该页面） 1.添加路由元信息，定义各个页面的角色数组 2. 在导航守卫中，判断用户的角色是否存在于数组中，存在即可访问 3. 优化一下：用户不能访问的页面，左侧的导航栏上也应该设置隐藏 二，按钮级别的权限管理（不同的角色使用页面，可操作的功能不同） 1. 抽取文件directive/directive.js ，自定义指令并在main.js中导入 2. 在

>>阅读原文<<