溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

vue 關(guān)閉瀏覽器窗口的時候,清空localStorage的數(shù)據(jù)示例

發(fā)布時間：2020-09-13 06:11:38 來源：腳本之家 閱讀：1032 作者：XuHang666 欄目：web開發(fā)

如果是用vue做的單頁面程序的時候，將監(jiān)聽的方法放在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(){
      // 關(guān)閉瀏覽器窗口的時候清空瀏覽器緩存在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%;
}
</style>

二、如果是多頁面的程序的話，在每一個頁面同理只要在mounted方法中，注冊這個事件即可！

以上這篇vue 關(guān)閉瀏覽器窗口的時候,清空localStorage的數(shù)據(jù)示例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持億速云。

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

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手