vue 关闭浏览器窗口的时候,清空localStorage的数据示例
更新时间：2019年11月06日 09:05:03 作者：XuHang666
今天小编就为大家分享一篇vue 关闭浏览器窗口的时候,清空localStorage的数据示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如果是用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的数据示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了关于elementui之封装下载模板和导入文件组件方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-12-12
在 Vue 项目中,当发布新版本后,用户可能因为浏览器缓存而继续使用旧版本,所以本文给大家介绍了Vue 项目线上更新无需强制刷新的几种实现方案,并通过代码示例讲解的非常详细,需要的朋友可以参考下2025-03-03
本文主要介绍了Vue结合leaflet实现克里金插值，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-06-06
这篇文章主要给大家介绍了关于Vue3安装dataV报错问题解决方案的相关资料,dataV用于大屏展示,个人觉得比echarts简单很多,需要的朋友可以参考下2023-06-06
这篇文章主要介绍了Vue3路由页面切换动画animate.css效果,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-09-09
这篇文章主要为大家详细介绍了vue使用自定义指令实现拖拽，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
这篇文章主要为大家介绍了推荐一款简易的solid-js消息UI库使用详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-08-08
ESLint是一个代码检查工具,用来检查你的代码是否符合指定的规范,下面这篇文章主要给大家介绍了关于Vue项目中ESLint配置(VScode)的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-04-04
最近在做项目中前端采用Vue技术,发现首页加载速度非常之慢,下面这篇文章主要给大家介绍了关于vue终极性能优化方案,主要解决首页加载慢问题,需要的朋友可以参考下2022-02-02
vue quill editor 使用富文本添加上传音频功能
vue-quill-editor 是vue项目中常用的富文本插件，其功能能满足大部分的项目需求。这篇文章主要介绍了vue-quill-editor 富文本添加上传音频功能,需要的朋友可以参考下2020-01-01
最新评论