本篇文章主要介绍了vue addRoutes实现动态权限路由菜单的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

需求 最近接手一个后台管理系统，需要实现导航菜单从后台拉取的效果；根据登录用户的权限不同分别拉出来的导航菜单也不一样，另外可操作的界面也存在区别。 问题 因为后台管理系统是准备使用vue+vue-router+element-ui+vuex的搭配来做的，可是单页应用在进入页面之前就已经将vue-router实例化并且注入vue实例中了，所以在进入登录页面的时候旧没办法在重新定制路由了。接下来各种百之谷之，发现vue-router在2.0版本中提供了addRoutes方法添加路由，希望的曙光出现。

介绍 vue-cloud-admin是一个前一步分离的Vue全家桶项目，UI组件库采用Element-Ui 初步采用SpringCloud系列全家桶建造微服务平台直达 预览地址 演示环境账号密码： 账号 密码 权限 游客 亚米龙曼 游客，仅查询 本地部署： 账号 密码 权限 行政 123456 超级管理员 功能 ├─系统管理 │ ├─用户管理 │ ├─角色管理 │ ├─菜单管理 │ └─字典管理 ├─系统日志 │ ├─在线用户 │ ├─系统日志 │ ├─登录日志 │─任务调度 │

微图书管理平台 演示地址： : 项目介绍 基于vue.js，element-ui构建一个极简的图书管理平台。项目功能不是很多，但是前逐步分离的项目，该用到的技术点也都会涉及到，很适合开始准备学vue的同学，具体有以下特点： 完备组织架构体系，基于RBAC模型实现用户权限配置 基于导航守卫，动态生成路由，用户菜单，面包屑导航等 axios初始请求统一封装，统一处理操作结果通知 element-ui组件使用覆盖率达到70％以上 项目接口工程基于SpringBoot2.x开发，单击 项目截图 其他