vue 关闭浏览器窗口的时候,清空localStorage的数据示例


Posted in Javascript onNovember 06, 2019

如果是用vue做的单页面程序的时候,将监听的方法放在App.vue是最灵活的

<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%;
}
</style>

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

以上这篇vue 关闭浏览器窗口的时候,清空localStorage的数据示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
extjs 04_grid 单击事件新发现
Nov 27 Javascript
提交表单时执行func方法实现代码
Mar 17 Javascript
jquery 循环显示div的示例代码
Oct 18 Javascript
从js向Action传中文参数出现乱码问题的解决方法
Dec 29 Javascript
javascript实现动态加载CSS
Jan 26 Javascript
jQuery获得字体颜色16位码的方法
Feb 20 Javascript
js实现界面向原生界面发消息并跳转功能
Nov 22 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
Dec 28 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
Jan 29 jQuery
Angular2进阶之如何避免Dom误区
Apr 02 Javascript
vue axios请求频繁时取消上一次请求的方法
Nov 10 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 Javascript
vue项目强制清除页面缓存的例子
Nov 06 #Javascript
关于vue路由缓存清除在main.js中的设置
Nov 06 #Javascript
JS实现随机抽取三人
Nov 06 #Javascript
Node对CommonJS的模块规范
Nov 06 #Javascript
VUE 组件转换为微信小程序组件的方法
Nov 06 #Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 #Javascript
解决vue.js提交数组时出现数组下标的问题
Nov 05 #Javascript
You might like
提升PHP执行速度全攻略(上)
2006/10/09 PHP
与文件上传有关的php配置参数总结
2013/06/14 PHP
php中static和const关键字用法分析
2016/12/07 PHP
PHP Primary script unknown 解决方法总结
2019/08/22 PHP
swoole锁的机制代码实例讲解
2021/03/04 PHP
Javascript中的变量使用说明
2010/05/18 Javascript
JS 日期比较大小的简单实例
2014/01/13 Javascript
javascript定义类和类的实现实例详解
2015/12/01 Javascript
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
2016/05/19 Javascript
分享jQuery网页元素拖拽插件
2020/12/01 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
BootStrap中关于Select下拉框选择触发事件及扩展
2016/11/22 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
Bootstrap Tree View简单而优雅的树结构组件实例解析
2017/06/15 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
2019/04/28 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
用vue写一个日历
2020/11/02 Javascript
[03:48]DOTA2完美大师赛主赛事第二日精彩集锦
2017/11/24 DOTA
详解Python中with语句的用法
2015/04/15 Python
python中利用numpy.array()实现俩个数值列表的对应相加方法
2019/08/26 Python
Python迭代器iterator生成器generator使用解析
2019/10/24 Python
flask 实现token机制的示例代码
2019/11/07 Python
python设置环境变量的作用整理
2020/02/17 Python
python之MSE、MAE、RMSE的使用
2020/02/24 Python
python中random.randint和random.randrange的区别详解
2020/09/20 Python
世界上最大的巴士旅游观光公司:Big Bus Tours
2016/10/20 全球购物
Java基础面试题
2012/11/02 面试题
物理系毕业生自荐信
2013/11/01 职场文书
爱国演讲稿500字
2014/05/04 职场文书
2015婚礼主持词开场白
2015/05/28 职场文书
2016年党员干部公开承诺书
2016/03/24 职场文书
pytorch MSELoss计算平均的实现方法
2021/05/12 Python
html5表单的required属性使用
2021/07/07 HTML / CSS
Java十分钟精通进阶适配器模式
2022/04/06 Java/Android