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 相关文章推荐
取得一定长度的内容,处理中文
Dec 20 Javascript
Jquery 最近浏览过的商品的功能实现代码
May 14 Javascript
JavaScript调试工具汇总
Dec 23 Javascript
jQuery插件EasyUI获取当前Tab中iframe窗体对象的方法
Aug 05 Javascript
Vue.js每天必学之指令系统与自定义指令
Sep 07 Javascript
Bootstrap3 datetimepicker控件使用实例
Dec 13 Javascript
underscore之Chaining_动力节点Java学院整理
Jul 10 Javascript
JS路由跳转的简单实现代码
Sep 21 Javascript
angular4中*ngFor不能对返回来的对象进行循环的解决方法
Sep 12 Javascript
微信小程序位置授权处理方法
Jun 13 Javascript
VUE项目中加载已保存的笔记实例方法
Sep 14 Javascript
vue组件中实现嵌套子组件案例
Aug 31 Javascript
解决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制作简单的内容采集器的代码
2007/11/28 PHP
php excel类 phpExcel使用方法介绍
2010/08/21 PHP
适用于php-5.2 的 php.ini 中文版[金步国翻译]
2011/04/17 PHP
php 发送带附件邮件示例
2014/01/23 PHP
discuz目录文件资料汇总
2014/12/30 PHP
php 5.6版本中编写一个PHP扩展的简单示例
2015/01/20 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
php array_keys 返回数组的键名
2016/10/25 PHP
Jquery Ajax学习实例6 向WebService发出请求,返回DataSet(XML) 异步调用
2010/03/18 Javascript
jQuery之自动完成组件的深入解析
2013/06/19 Javascript
jQuery的deferred对象详解
2014/11/12 Javascript
JavaScript运动框架 多物体任意值运动(三)
2017/05/17 Javascript
基于Vue生产环境部署详解
2017/09/15 Javascript
Node.js学习之查询字符串解析querystring详解
2017/09/28 Javascript
Vue中添加手机验证码组件功能操作方法
2017/12/07 Javascript
vue引入ueditor及node后台配置详解
2018/01/03 Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
2019/05/16 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
js实现有趣的倒计时效果
2021/01/19 Javascript
深入了解Python数据类型之列表
2016/06/24 Python
Python中类型检查的详细介绍
2017/02/13 Python
python 通过logging写入日志到文件和控制台的实例
2018/04/28 Python
python 自动轨迹绘制的实例代码
2019/07/05 Python
PHP统计代码行数的小代码
2019/09/19 Python
python实现猜数游戏(保存游戏记录)
2020/06/22 Python
农业资源与环境专业自荐信范文
2013/12/30 职场文书
新闻学专业个人求职信写作
2014/02/04 职场文书
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
优秀毕业生自我鉴定
2014/02/11 职场文书
平面设计师岗位职责
2014/09/18 职场文书
教师批评与自我批评
2014/10/15 职场文书
员工辞职信范文大全
2015/05/12 职场文书
检讨书怎么写?
2019/06/21 职场文书
GoLang中生成UUID唯一标识的实现
2021/05/08 Golang
详解JS数组方法
2021/11/20 Javascript
Redis高可用集群redis-cluster详解
2022/03/20 Redis