文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
javascript - vue-router 跳转问题
仅有的幸福
仅有的幸福 2017-05-19 10:35:53
[JavaScript讨论组]
0 4 828
举报

vue-router中
a页面跳到b页面，b页面需要登录，如果未登录需要跳到登录页面，然后再跳到b页面，现在是可以跳转到登录页面，但是登录后要跳转到的b页面怎么实现?因为b页面不是一个固定的页面，可能是退出页面，用户中心页面等

仅有的幸福
仅有的幸福

全部回复(4)
習慣沉默
習慣沉默2017-05-19 10:37:53 4楼 
this.$router.go(-1);

返回上一个路由 ?

赞 +0
添加回复
我想大声告诉你
我想大声告诉你2017-05-19 10:37:53 3楼

返回上一页不就好了？

赞 +0
添加回复
PHP中文网
PHP中文网2017-05-19 10:37:53 2楼

这个需要在登录页面做处理，跳转到登录页面的时候

http://登录页面URL/login?from=${encodeURLComponent(location.href)}

这样在登录页面，你就能在queryString里拿到这个from参数

认证完之后，根据这个from跳转回去就OK了

赞 +0
添加回复
为情所困
为情所困2017-05-19 10:37:53 1楼

请参考vue-router官方文档上的router.beforeEach钩子函数，可以用来实现你的功能。原理大概就是：

每次路由跳转都经过beforeEach这个钩子函数，里面的逻辑是若目的地是你需要先校验登录状态再跳转的页面，则检查登录态，检查通过则调用next(),否则跳转到登录页，并且带上的query是目的页面的fullPath，用于登录后跳转到目的页面用。

有疑问可以私聊沟通下~

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部