vue动态路由@按钮权限

224 阅读1分钟

动态路由

具体怎么实现动态路由的步骤细节

分两类,前端方案  后端方案

前端方案

1. 配置role在路由结构

2. 登录获取用户角色

3. 根据用户角色递归回去可访问的路由结构

4. 添加到路由实例

5. 根据可访问的路由生成导航列表

后端方案

1. 登录

2. 访问路由接口,后端返回用户可以访问的路由数组

3. 递归生成树型的路由结构与本地的公共路由合并

4. 添加动态路由到路由实例

5. 根据生成的路由结构实现导航列表

参考链接:juejin.cn/post/713574…

按钮权限

登录成功之后,获取用户的按钮权限列表,存放到Vuex当中,随后创建一个自定义的权限指令,每一个按钮都有一个唯一的标识,当用户按钮权限列表当中存在此按钮的标识,就显示按钮,否则就隐藏此按钮,这样也就实现了按钮级别的权限控制

链接:blog.csdn.net/qq_44212319…