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

暴力解决一个前端问题

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

    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();
    },

 

上一篇:vue 请求拦截request将token添加到请求头headers


下一篇:浏览器关闭的时候我们需要做一些事情(比如调用退出接口或者删除localStorage等等)