vue中addRoutes不生效怎么办-创新互联

这篇文章主要介绍了vue中addRoutes不生效怎么办，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

动态添加导航栏时，addRoutes不生效解觉

1、在addroutes前，使用router.options.routes=XXXXX的方法手动添加

2、使用作者的方法，在store里维护一个routes对象，然后使用这个对象遍历生成侧面导航栏

补充知识：vue-router 动态添加路由 router.addRoutes(routes)遇到的二次登陆路由冲突问题解决

起因

在当前项目中使用的iview-admin,路由要根据权限动态生成，是在登录后获取当前用户权限内的路由使用 vue-router 的 addRoutes() 方法动态添加到路由表中

遇到的问题

项目目录

...
router
index.js // 路由主配置，路由守卫等
routers.js // 存放页面整体布局和无需权限的路由
store
modules
app.js // 项目通用vuex状态、mutation action等模块
user.js // 用户模块的
index.js // vuex  store的主入口