Vue退出登錄時(shí)清空緩存的實(shí)現(xiàn)

發(fā)布時(shí)間：2020-10-05 15:13:26 來(lái)源：腳本之家閱讀：481 作者：肖雅峰-Amos 欄目：web開(kāi)發(fā)

如下所示：

 
<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(){
      // 關(guān)閉瀏覽器窗口的時(shí)候清空瀏覽器緩存在localStorage的數(shù)據(jù)
      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%;
}

如果是多頁(yè)面的程序的話，在每一個(gè)頁(yè)面同理只要在mounted方法中，注冊(cè)這個(gè)事件即可！

以上這篇Vue退出登錄時(shí)清空緩存的實(shí)現(xiàn)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持億速云。

向AI問(wèn)一下細(xì)節(jié)

Vue退出登錄時(shí)清空緩存的實(shí)現(xiàn)

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽