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

vue页面强制刷新缓存不清除_vuex刷新页面数据mounted(){this.enterPage()},destroyed(){this.leavePage()},methods:{/*打开:load关闭:beforeload+unload刷新:beforeload+unload+load*///离开清除监听leavePage(){window.removeEventListener(‘beforeload’,e=>this.beforeunloadH…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新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

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Python 3.x | 史上最详解的 导入(import)「建议收藏」

    Python 3.x | 史上最详解的 导入(import)「建议收藏」win10+Python3.6.3一、理解一些基本概念1、包、模块模块module:一般情况下,是一个以.py为后缀的文件。其他可作为module的文件类型还有”.pyo”、”.pyc”、”.pyd”、”.so”、”.dll”,但Python初学者几乎用不到。module可看作一个工具类,可共用或者隐藏代码细节,将相关代码放置在一个module以便让代码更好用、易懂,让cod…

    2022年7月16日
  • pycharm如何全局搜索

    pycharm如何全局搜索目录Ctrl+N按文件名搜索py文件Ctrl+shift+N按文件名搜索所有类型的文件ctrl+shift+f全局字符串搜索ctrl+shift+a双shift搜索Ctrl+N按文件名搜索py文件ctrl+n可以搜索py文件勾选上面这个框可以搜索工程以外的文件Ctrl+shift+N按文件名搜索所有类型的文件Ctrl+shift+N可以搜索…

    2022年5月31日
  • ubuntu 安装Qt Creator

    ubuntu 安装Qt Creator转载地址:http://my.phirobot.com/blog/2013-12-ros_ide_qtcreator.htmlQt下载地址: http://download.qt.io/archive/ROS开发环境之QtCreatorCreatedat: 2013-12-29T00:00:00  YuanboShe  ROS  turtlebot, ros, qt,可以用于ROS开发的…

    2022年9月25日
  • 数字常用格式_数字字体大全对照表

    数字常用格式_数字字体大全对照表三位一逗:使用“N”(使用n也可以,不区分大小写),“N”后面的数字是小数位数//三位一逗,保留5位小数Console.WriteLine($"{9999.12345.ToString(

    2022年8月2日
  • springboot mybatis项目搭建_idea配置javaweb开发环境

    springboot mybatis项目搭建_idea配置javaweb开发环境利用IDEA搭建SpringBoot项目,整合mybatis,实现简单的登录功能。利用闲余时间想自己搭建一个springboot+mybatis的项目,提升一下自己对项目的了解,毕竟自己还是一个小白,在这里为自己创建项目的过程做一个记录,以便以后回忆。同时将搭建中遇到的问题也在这里做记录。如有遇到同样问题的同学,希望能给你一下借鉴。springboot的优势之一…

    2022年9月12日
  • aic准则和bic准则_用户故事准则

    aic准则和bic准则_用户故事准则aic准则和bic准则免责声明:这篇文章摘自内部Codurance文档,该文档用于帮助我们的学徒学习我们的工作方式。我们都知道每个项目都是不同的,而且我们绝不能在任何地方应用完全相同的技术和实践。但是,以下文字不仅作为基础,而且还是我们所有人涉及用户故事时的指南。有很多关于用户故事的好书和帖子。这篇文章绝不是该领域所有良好实践的总结。用户故事是收集需求,就需要完成的事情达成共识…

    2022年5月24日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号