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 相关文章推荐
javascript 硬盘序列号+其它硬件信息
Dec 23 Javascript
获取非最后一列td值并将title设为该值的方法
Oct 30 Javascript
15个常用的jquery代码片段
Dec 19 Javascript
学习JavaScript设计模式之装饰者模式
Jan 19 Javascript
详解React-Todos入门例子
Nov 08 Javascript
浅谈vue实现数据监听的函数 Object.defineProperty
Jun 08 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 29 Javascript
世界上最短的数字判断js代码
Sep 09 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
Oct 15 Javascript
jQuery实现评论模块
Aug 19 jQuery
5个实用的JavaScript新特性
Jun 16 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
第十一节--重载
2006/11/16 PHP
php 对输入信息的进行安全过滤的函数代码
2012/06/29 PHP
PHP开发框架kohana中处理ajax请求的例子
2014/07/14 PHP
PHP之sprintf函数用法详解
2014/11/12 PHP
学习php设计模式 php实现状态模式
2015/12/07 PHP
mac pecl 安装php7.1扩展教程
2019/10/17 PHP
jQuery Lightbox 图片展示插件使用说明
2010/04/25 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
2014/09/01 Javascript
BootStrap实现手机端轮播图左右滑动事件
2016/10/13 Javascript
jQuery控制控件文本的长度的操作方法
2016/12/05 Javascript
JavaScript编写九九乘法表(两种任选)
2017/02/04 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
Vue Element使用icon图标教程详解(第三方)
2018/02/07 Javascript
video.js 实现视频只能后退不能快进的思路详解
2018/08/09 Javascript
JS div匀速移动动画与变速移动动画代码实例
2019/03/26 Javascript
微信小程序实现可长按移动控件
2020/11/01 Javascript
五句话帮你轻松搞定js原型链
2020/12/09 Javascript
[17:45]DOTA2 HEROES教学视频教你分分钟做大人-军团指挥官
2014/06/11 DOTA
python妹子图简单爬虫实例
2015/07/07 Python
Python之str操作方法(详解)
2017/06/19 Python
Python实现的快速排序算法详解
2017/08/01 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
python模拟表单提交登录图书馆
2018/04/27 Python
Django中更改默认数据库为mysql的方法示例
2018/12/05 Python
树莓派4B+opencv4+python 打开摄像头的实现方法
2019/10/18 Python
Python读写操作csv和excle文件代码实例
2020/03/16 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
美国最大网上鞋店:Zappos
2016/07/25 全球购物
意大利奢侈品购物网站:Giglio
2018/01/05 全球购物
大学生学业生涯规划
2014/01/05 职场文书
贷款委托书范本
2014/04/08 职场文书
学校搬迁方案
2014/06/15 职场文书
2015年个人现实表现材料
2014/12/10 职场文书
Python 高级库15 个让新手爱不释手(推荐)
2021/05/15 Python
Java 中的 Unsafe 魔法类的作用大全
2021/06/26 Java/Android
Python可视化学习之seaborn调色盘
2022/02/24 Python