Vue退出登录时清空缓存的实现

如下所示：<template><divid="main"class="app-main"><router-view></router-view></div>&l

如下所示：

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

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

以上这篇Vue退出登录时清空缓存的实现就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。