vue 动态路由 addRoutes不成功

羽下佳人 2018-08-01 04:06:23

问题描述：addRoutes添加路由，路由依然为空，但是页面显示正常

代码：
main.js:

如果在home.vue添加一个路由重新获取的方法，哪路路由可以加载，但是刷新页面以及路由始终不展开，点击跳转页面一级路由可展开都正常

...全文

891 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

在我不知道vue的路由还可以通过addRoutes动态添加时，我只知道vue的路由都是写死在路由表中的，每当跳转时再去加载相应的路由。直到在一个新公司接到需要根据用户的权限显示不同的菜单的需求时才知道了原来vue-router还有一个addRoutes的API，立马研究了一下。 router.addRoutes：函数签名： router.addRoutes(routes: Array) 动态添加更多的路由规则。参数必须是一个符合routes选项要求的数组。点这里去看router.addRoutes的官方解释白话就是需要动态加入到路由表中的路由是必须要跟我们提前

主要介绍了vue 解决addRoutes动态添加路由后刷新失效问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

VUE-router.addRoutes根据后台接口传递数据生成动态路由，前端拿到配置并生成侧边栏-实现页面级权限控制。 ----------------------------------------------- 登陆成功之后直接由后端返回异步路由表，然后前端直接通过addRoutes方法进行添加，并且生成侧边栏。大致步骤： 1.拦截路由 2.取到后台路由数据 3.添加并且保存路由（VUEX） ----------------------------------------------- 本demo根据模拟数据实现包含菜单权限和按钮权限在内的权限管理。判断登录后，通过store.getters.router判断是否存有路由表，是的话获取当前页面按钮权限后直接next()进行跳转；否的话用axios后台取一次路由数据并存到vuex。

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

主要介绍了使用VueRouter的addRoutes方法实现动态添加用户的权限路由，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

10,608

社区成员

29,047

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章