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

如果是用vue做的單頁面程序的時候，將監(jiān)聽的方法放在App.vue是最靈活的

專注于為中小企業(yè)提供成都網站制作、網站設計服務,電腦端+手機端+微信端的三站合一,更高效的管理,為中小企業(yè)喀什免費做網站提供優(yōu)質的服務。我們立足成都，凝聚了一批互聯(lián)網行業(yè)人才，有力地推動了成百上千家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網站建設實現(xiàn)規(guī)模擴充和轉變。

<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的數(shù)據
      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的數(shù)據示例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持創(chuàng)新互聯(lián)。

網頁名稱：vue關閉瀏覽器窗口的時候,清空localStorage的數(shù)據示例
文章源于：http://m.rwnh.cn/article38/gspcsp.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供定制網站、品牌網站設計、動態(tài)網站、營銷型網站建設、靜態(tài)網站、移動網站建設

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

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