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>
相关推荐
柳杉16 小时前
HTML-in-Canvas:让 Canvas 完美渲染 HTML 的 Web 新标准
前端·javascript
cTz6FE7gA16 小时前
WebGL实战:用Three.js创建3D场景,实现沉浸式Web体验
前端·javascript·webgl
We་ct16 小时前
LeetCode 69. x 的平方根:两种解法详解
前端·javascript·算法·leetcode·typescript·平方
qq. 280403398417 小时前
数据结构引论
前端·数据结构
daad77717 小时前
WSL2_wifi驱动安装
开发语言·前端·javascript
ZC跨境爬虫17 小时前
Scrapy实战爬取5sing网站:Pipeline优化+全流程踩坑复盘,从报错到数据落地
前端·爬虫·python·scrapy
牛马11117 小时前
Flutter BoxDecoration
前端·javascript·flutter
M ? A18 小时前
VuReact 编译器核心重构:统一管理组件元数据收集
前端·javascript·vue.js·react.js·重构·开源
山海AI手册18 小时前
030、AI应用前端展示:Streamlit快速构建交互式Web应用
前端·人工智能
专注VB编程开发20年18 小时前
C#异步状态机,内部的信号机制TaskCompletionSource
前端