vue页面强制刷新缓存不清除_vuex刷新页面数据

全栈程序员-站长 • 2022年10月9日下午2:16 • 未分类 • 阅读 3

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

mounted() {
    this.enterPage()


},

destroyed(){
    this.leavePage()
},

methods: {

/* 打开:load
关闭:beforeload+unload
刷新:beforeload+unload+load*/

//离开清除监听
leavePage(){
    window.removeEventListener('beforeload', e => this.beforeunloadHandler(e))
    window.removeEventListener('unload', e => this.onunload(e))
    window.removeEventListener('load', e => this.load(e))
},
//页面进入监听
enterPage(){
    let is_fireFox = navigator.userAgent.indexOf("Firefox")>-1;//是否是火狐浏览器
    this.is_fireFox = is_fireFox
    //添加监听事件
    if(is_fireFox){
        window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
        window.addEventListener('unload', e => this.onunload(e))
    }else {
        window.addEventListener('beforeunload', e => this.beforeunloadHandler(e))
        window.addEventListener('unload', e => this.onunload(e))
        window.addEventListener('load', e => this.load(e))
    }
},
//页面刷新，关闭，打开监听
pagelister(){
    if(this.time>-20){
        this.$store.commit("setAuth","" );
        sessionStorage.removeItem('userCompanys')
        sessionStorage.removeItem('userInformation')
        if(sessionStorage.getItem("activeCity")){
            sessionStorage.removeItem('activeCity')
        }
        this.maps.removeCookie("auth")
        localStorage.setItem('page','关闭')
    }else {
        localStorage.setItem('page','刷新')
    }
},
beforeunloadHandler(e){
    this.time = new Date().getTime();
    if(this.is_fireFox){
        this.time = -5
        this.pagelister()
    }
},
onunload(){
    let onunloadTime = new Date().getTime();
    this.time = Number(this.time) - onunloadTime

    this.pagelister()
},

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/184146.html原文链接：https://javaforall.net