本篇文章主要介绍了vue-router 权限控制的示例代码，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

主要介绍了vue-router 控制路由权限的实现,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

最近搭建了公司的后台管理系统， 而且系统还比较庞大， 要实现以下几点： 菜单权限， 根据不同权限显示不同的菜单 操作权限， 比如有些账号没有新增权限， 有些没有修改或者删除权限 数据权限， 比如统计概况， 普通管理员不能看到公司营业概况，但能看到自己所属区域的概况 显示权限， 比如列表， 运营能看到那一列的签约金额，但市场不能看到签约金额这一列 到目前为止还在构建中， 已经解决菜单权限和操作权限。 菜单权限： 最开始的时候也是按照楼上给出的方法，本地先配置一套路由，然后登陆成功

前言 曾经在工作上对 vue 路由权限管理这方面有过研究，这几天又看到了几篇相关的文章，再加上昨天电面中又再一次提及到，就索性整理了一下自己的一些看法，希望对大家有帮助。 实现 大体上实现的思路很简单，先上图： 无非是将路由配置按用户类型分割为 用户路由 和 基本路由，不同的用户类型可能存在不同的 用户路由，具体依赖实际业务。 用户路由: 当前用户所特有的路由 基本路由：所有用户均可以访问的路由 实现控制的方式分两种： 通过vue-router addRoutes 方法注入路由实现控制