总览图

页面级权限

按钮级权限

第一种方法

第二种方法

页面级别控制

第一步: 在router/index文件下先删除动态路由的部分

第二步:

1.先在路由守卫文件下按需导入动态路由部分

2.把动态路由部分改成动态添加方式

验收效果:

(现在就剩下主页还存在)

第三步:

1.补充模块

2.定义vuex管理菜单数据

3.要在src/store/index.js中注册

第四步:

1.提交setMenuList生成完整的菜单数据

2.菜单生成部分改写使用vuex中的数据

第五步:做过滤处理

1.修改 store/modules/user.js ，补充return语句

2.在permission.js中获取action的返回值并过滤

验收效果:

按钮级控制