如何使用addRoute来动态添加路由?【Vue】

作者: 我是小野森森分类: 野生技能协会 发布时间: 2020-09-15 16:37:47 浏览:35686 次

如何使用addRoute来动态添加路由?【Vue】

程序员小鱼干:
我是后端开发,来写这个动态权限路由真是苦恼死我了,现在是可以了,但是在首页的右侧添加一个选项卡,动态点击菜单,然后生成选项卡,这些路由又用不辽了,唉

chykready:
up秀你好。我在使用element-admin做权限遇到个问题。就是假如我用管理员号进去,拿到一个只有管理员有权限的地址,复制出来。退出登录,清理缓存,登录一个没有这个权限的号。左侧确实没这个菜单。但是直接把刚才复制出来的网址在浏览器打开,发现可以访问。请问这个是怎么回事呢[委屈]

【回复】你的这个网址里是不是带参数的?
【回复】回复 @s强强1 :你好,我后来发现确实是这个问题,谢谢
【回复】因为你所有路由都添加进去了,复制链接就能进入你的路由,用Up主的这个方法就可以按照权限生成路由
蠱巨雞:
addRoute无法在函数内使用,只能在router/index.js文件的下使用(全局变量区)不知道是为什么

Tars-:
老板求助呀! 我试着用vue3的写法写这个,发现vue3只有addRoute了,参数不接受数组了。 虽然我传一个路由信息的对象进去是可以添加成功,但感觉还是数组的方式更加便捷,也不可能一条一条的路由加吧=。= 我看router next的api介绍好像也没说可以传数组... 老哥能帮忙看看啥情况吗=。=

【回复】循环数组,addRoute接收对象传参
【回复】回复 @哈默聊前端 :哎 太晕了[囧]
程风蓝:
感觉应用场景不多啊,只算了解了一个知识点,以后做项目事考虑下应用

【回复】做后台管理的时候会用到啊,需要根据用户权限展示不用的页面和导航啊
【回复】可以 根据后台权限 动态生成 路由表
【回复】回复 @爆炒佩奇啦 :这种一般是后端配置角色对应的菜单,然后前端获取后动态添加对应的路由
飞吧太累了:
如果动态添加的路由是在登陆后从服务端获取的,如果用户一刷新就会跳到404页面,我猜测是因为此时还没有addroutes方法还没有添加完路由信息导致的,有什么解决办法吗[大哭]

【回复】它是先匹配的*在调加的路由,你在main.js当中调用可以解决
【回复】唉,我也遇到这个问题了,不能直接访问动态添加的路由,但是可以用to.path跳转,动态添加的路由似乎是不能通过URL直接访问的,它只能从父节点一级一级的找过去
【回复】你如果静态路由表配置了{path:*},建议删除,你把它添加进你处理好后的动态路由表最后面,再进行addroute操作,这样刷新就不会跳转404页面了
小灰灰_QAQ:
路由的路径有没有方法从后台数据库获取?[笑哭][笑哭][笑哭]

奶爸张怼怼:
Vue-router是哪个版本?如果是子路由呢?

知识分享官 编程 经验分享 JAVASCRIPT JS WEB 前端 VUE WEB前端

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!