Vue 在进入某个路由之前刷新页面

最新推荐文章于 2024-08-24 16:37:09 发布

forteenBrother

最新推荐文章于 2024-08-24 16:37:09 发布

阅读量994

点赞数

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/forteenBrother/article/details/115139965

版权

前端专栏收录该内容

28 篇文章

订阅专栏

该博客探讨了如何使用本地存储来优化前端页面加载，通过在进入页面前检查是否已加载过，若未加载则刷新并设置标记，离开时清除标记，确保每次打开页面都是最新状态，避免不必要的刷新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

暴力解决一个前端问题

在进入页面之前，先判断本地存储是不是有标记，如果没有标记的话，就刷新，然后打上标记存在本地，在离开页面的时候，移除标记，并且在每次打开项目的时候，移除本标记

    beforeRouteEnter(to, from, next) {
        next(vm => {
            let hasLoaded = localStorage.getItem("hasLoaded");
            if (!hasLoaded && to.path === "/collect/exchange/map") {
                window.location.reload();

                localStorage.setItem("hasLoaded", JSON.stringify("yes"));
            }
        });
    },

    beforeRouteLeave(to, from, next) {
        localStorage.removeItem("hasLoaded");
        next();
    },