Vue退出登录时清空缓存的实现


Posted in Javascript onNovember 12, 2019

如下所示:

<template>
  <div id="main" class="app-main">
    <router-view></router-view>
  </div>
</template>
 
<script>
  export default {
    data () {
      return {
        theme: this.$store.state.app.themeColor
      };
    },
    mounted () {
 
    },
    beforeDestroy () {
 
    },
    methods: {
 
    },
    mounted(){
      // 关闭浏览器窗口的时候清空浏览器缓存在localStorage的数据
      window.onbeforeunload = function (e) {
        var storage = window.localStorage;
        storage.clear()
      }
    }
 
 
  };
</script>
 
<style>
html,body{
  width: 100%;
  height: 100%;
  background: #f0f0f0;
  overflow: hidden;
}
.app-main{
  width: 100%;
  height: 100%;
}

如果是多页面的程序的话,在每一个页面同理只要在mounted方法中,注册这个事件即可!

以上这篇Vue退出登录时清空缓存的实现就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery队列queue与原生模仿其实现方法分享
Mar 25 Javascript
使用insertAfter()方法在现有元素后添加一个新元素
May 28 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
javascript数据结构与算法之检索算法
Apr 04 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
Apr 30 Javascript
AngularJS 日期格式化详解
Dec 23 Javascript
JavaScript简单实现鼠标移动切换图片的方法
Feb 23 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
Jun 17 Javascript
详解Javascript函数声明与递归调用
Oct 22 Javascript
Vue的路由及路由钩子函数的实现
Jul 02 Javascript
微信小程序图片左右摆动效果详解
Jul 13 Javascript
用vite搭建vue3应用的实现方法
Feb 22 Vue.js
解决vue admin element noCache设置无效的问题
Nov 12 #Javascript
Vue2.0 实现页面缓存和不缓存的方式
Nov 12 #Javascript
Vue页面切换和a链接的本质区别详解
Nov 12 #Javascript
vue 中几种传值方法(3种)
Nov 12 #Javascript
Vue 中 a标签上href无法跳转的解决方式
Nov 12 #Javascript
javascript严格模式详解(含严格模式与非严格模式的区别)
Nov 12 #Javascript
vue.js 实现a标签href里添加参数
Nov 12 #Javascript
You might like
兼容性最强的PHP生成缩略图的函数代码(修改版)
2011/01/18 PHP
php操作MongoDB类实例
2015/06/17 PHP
解析PHP的Yii框架中cookie和session功能的相关操作
2016/03/17 PHP
PHP url的pathinfo模式加载不同控制器的简单实现
2016/08/12 PHP
php根据数据id自动生成编号的实现方法
2016/10/16 PHP
[原创]php token使用与验证示例【测试可用】
2017/08/30 PHP
PHP设计模式之装饰器模式定义与用法简单示例
2018/08/13 PHP
PHPstorm启用自动换行的方法详解(IDE)
2020/09/17 PHP
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
2007/03/27 Javascript
javascript制作的cookie封装及使用指南
2015/01/02 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
jQuery实现360°全景拖动展示
2015/03/18 Javascript
jquery简单的弹出层浮动层代码
2015/04/27 Javascript
bootstrap的工具提示实例代码
2017/05/17 Javascript
AngularJS页面带参跳转及参数解析操作示例
2017/06/28 Javascript
详解webpack进阶之loader篇
2017/08/23 Javascript
Vue EventBus自定义组件事件传递
2018/06/25 Javascript
微信小程序实现发微博功能的示例代码
2020/06/24 Javascript
vue2.0 解决抽取公用js的问题
2020/07/31 Javascript
JS轮播图的实现方法2
2020/08/25 Javascript
vue axios请求成功却进入catch的原因分析
2020/09/08 Javascript
Vue3配置axios跨域实现过程解析
2020/11/25 Vue.js
[03:46]DAC趣味视频-中文考试.mp4
2017/04/02 DOTA
[51:17]Mski vs VGJ.S Supermajor小组赛C组 BO3 第三场 6.3
2018/06/04 DOTA
python: 判断tuple、list、dict是否为空的方法
2018/10/22 Python
python3 http提交json参数并获取返回值的方法
2018/12/19 Python
python仿evething的文件搜索器实例代码
2019/05/13 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
Python3爬虫ChromeDriver的安装实例
2021/02/06 Python
英国最大的高品质珠宝和手表专家:Goldsmiths
2017/03/11 全球购物
Agoda台湾官网:国内外订房2折起
2018/03/20 全球购物
超市后勤自我鉴定
2014/01/17 职场文书
保密工作承诺书
2014/08/29 职场文书
我爱幼儿园演讲稿
2014/09/11 职场文书
2015年幼儿园元旦游艺活动策划书
2014/12/09 职场文书
bat批处理之字符串操作的实现
2022/03/16 Python