分类：addRoutes

2020
10-09

解决vue addRoutes不生效问题

动态添加导航栏时，addRoutes不生效解觉1、在addroutes前，使用router.options.routes=XXXXX的方法手动添加2、使用作者的方法，在store里维护一个routes对象，然后使用这个对象遍历生成侧面导航栏补充知识：vue-router动态添加路由router.addRoutes(routes)遇到的二次登陆路由冲突问题解决起因在当前项目中使用的iview-admin,路由要根据权限动态生成，是在登录后获取当前用户权限内的路由使用vue-router的addRoutes()方法动... 继续阅读 >

2020
10-09

vue 解决addRoutes多次添加路由重复的操作

我就废话不多说了，大家还是直接看代码吧~importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)constcreateRouter=()=>newRouter({mode:'history',routes:[]})constrouter=createRouter()exportfunctionresetRouter(){constnewRouter=createRouter()router.matcher=newRouter.matcher//therelevantpart}exportdefaultrouter找老外的文档解决的问题，在登出的模块调用resetRouter方... 继续阅读 >

2020
10-08

vue addRoutes路由动态加载操作

需求：增加权限控制，实现不同角色显示不同的路由导航思路：每次登陆后请求接口返回当前角色路由核心方法：vue-router2.2.0的addRoutes方法+vuex以下是我实现的获取菜单路由的方法，我将该方法的调用放在首页组件的生命钩子中，即便用户刷新浏览器清空了路由还是会重新调用接口获取，不至于会丢失。同时考虑到会有切换用户的可能，所以不将获取到的路由信息保存到cookie或者localstorage当中获取菜单之前先判断routerState，避免... 继续阅读 >

2020
10-08

vue-router之解决addRoutes使用遇到的坑

最近项目中使用了vue-router的addRoutes这个api，遇到了一个小坑，记录总结一下。场景复现：做前端开发的同学，大多都遇到过这种需求：页面菜单根据用户权限动态生成，一个常见的解决方案是：前端初始化的时候，只挂载不需要权限路由，如登陆，注册等页面路由，然后等用户登录之后，后端返回当前用户的权限表，前端根据这个权限表遍历前端路由表，动态生成用户权限路由，然后使用vue-router提供的addRoutes,将权限路由表动态添加到... 继续阅读 >