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

221 阅读 0 评论 146 点赞

我是靠谱客的博主落寞砖头，最近开发中收集的这篇文章主要介绍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%;
}

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

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