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的数据示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍关闭浏览器窗口/选项卡时如何删除localStorage项目？，包括了关闭浏览器窗口/选项卡时如何删除localStorage项目？的使用技巧和注意事项，需要的朋友参考一下 要在浏览器关闭时清除localStorage数据，可以使用window.onunload事件检查选项卡关闭。 假设为了这个示例，您有一个名为MyStorage的本地存储对象作为全局对象。然后您可以编写一个事件处理
-
问题内容： 有谁知道我可以使用JavaScript检查浏览器窗口何时关闭并弹出确认对话框询问用户是否确认退出浏览器还是改变主意的任何方式？ 问题答案： window.onbeforeunload = function (e) { var e = e || window.event;
-
问题内容： 我尝试使用以下代码在关闭浏览器窗口时收到警报： 它可以工作，但是如果页面包含一个超链接，则单击该超链接会引发相同的警报。仅在关闭浏览器窗口时才需要显示警报，而在单击超链接时则不需要。 问题答案： 保持您的代码不变，并使用jQuery处理链接：
-
我正在为Facebook编写一个代码，它从属性文件中获取URL、ID、密码，但在登录时，我会被提示“Facebook想要显示通知-允许-阻止”，在登录后我该如何使其如此（a）按ESP或Alt+F4并关闭弹出窗口或（B）查找通知并自行关闭通知。这是我使用的，但它不起作用。感谢任何帮助。
-
问题内容： 我有一个聊天应用程序，我希望每当用户不小心或手动关闭浏览器时，他都应该收到警报，以便可以执行各种清理操作。我希望在before事件上使用更多的东西，但我希望将其用于特定的网页，因为所有其他网页也在加载前被调用。请帮忙 问题答案： 我们应防止或提示用户执行这些操作将丢失其数据。 单击后退浏览器按钮。 单击刷新浏览器按钮。 点击浏览器的关闭按钮。 单击前进浏览器按钮。 键盘击键- + （关
-
问题内容： 我试图找出用户何时离开指定页面。找出他何时使用页面内的链接进行导航是没有问题的，但是我有点需要标记一些东西，例如当他关闭窗口或键入另一个URL并按Enter时。第二个不是那么重要，但第一个是重要。所以这是一个问题： 我如何查看用户何时关闭我的页面（捕获window.close事件），然后……并没有什么关系（我需要发送AJAX请求，但是如果可以获取它以运行警报，我可以剩下的）。 问题答案