vue2中获取跳转前一页的url地址

vue2中获取跳转前一页的url地址

场景:

项目中登录之后,首页需调用接口判断是否弹出弹窗,但是从其他页面跳转过来,则不需要调用接口和弹出弹窗。

因此我们需要在首页判断是否是从登录页过来的,还是从其他页面过来。此时就需要拿到前一页的url。

思路:

利用beforeRouteEnter钩子中的from参数获取之前的url信息

具体代码如下:

html 复制代码
<script>
export default {
    beforeRouteEnter(to, from, next) {
        next(vm => {
            // 判断前一个页面path是否是登录页
            if (from.path === '/login') {
                // 因为守卫在导航确认前被调用,所以组件还没被创建,beforeRouteEnter守卫不能访问this,这里用vm访问
                vm.getCheck();
            }
        })
    },
    methods: {
        getCheck() {
            ...
            // 一些方法 
            ...
        }
    }
}
</script>
相关推荐
sensen_kiss27 分钟前
CAN302 电子商务技术 Pt.1 Web技术导论
前端·网络·学习
ProgramHan37 分钟前
十大排行榜——前端语言及要介绍
前端
氢灵子1 小时前
Fixed 定位的失效问题
前端·javascript·css
haibindev1 小时前
把近5万个源文件喂给AI之前,我先做了一件事
java·前端·c++·ai编程·代码审计·架构分析
labixiong1 小时前
React Hooks 闭包陷阱:高级场景与深度思考
前端·javascript·react.js
☞无能盖世♛逞何英雄☜2 小时前
Echarts数据可视化应用
前端·信息可视化·echarts
2501_943610362 小时前
我爱导航系统美化版源码网址导航系统带后台-【全开源】
前端·后端·html·php
__Yvan2 小时前
Kotlin 的 ?.let{} ?: run{} 真的等价于 if-else 吗?
android·开发语言·前端·kotlin
陈随易2 小时前
我也曾离猝死很近
前端·后端·程序员
喵个咪2 小时前
GoWind Content Hub|风行,开箱即用的企业级前后端一体内容中台
前端·后端·cms