如果是用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的数据示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“vue 关闭浏览器窗口的时候,清空localStorage的数据示例”评论...
更新动态
2024年04月29日
2024年04月29日
- 群星.1993-开心跳不停【华纳】【WAV+CUE】
- 【原神】枫丹宝箱攻略 | 古旧的铭刻、钟楼
- 【原神】V4.6隐藏成就 | 时间的神秘形式
- 【原神】V4.6角色攻略 | 可莉培养攻略
- 决胜巅峰玛蒂尔达怎么样 技能效果一览
- 射雕手游朱门安甜贫者道寒成就怎么获得
- PUBG官方确认5月14日回归经典艾伦格地图
- 物华弥新迷踪盘第14关怎么过 迷踪盘第14关通关方法
- 逆水寒手游1.3.2馆藏上新介绍 逆水寒手游馆藏更新了什么
- 物华弥新迷踪盘第1关怎么过 迷踪盘第1关通关方法
- win7没密钥怎么永久激活,w7系统激活密钥一键激活方法
- 怎么安装电脑系统版本,怎么安装电脑的系统
- 苹果电脑wps安装字体,苹果电脑wps怎么设置字体
- 活力美少女!《摇曳露营△》各务原抚子&志摩凛手办
- 《哥斯拉大战金刚2》票房破9亿 观影人次达2100万!