Vue退出登錄時清空緩存的實現(xiàn)
更新時間：2019年11月12日 10:09:13 作者：肖雅峰-Amos
今天小編就為大家分享一篇Vue退出登錄時清空緩存的實現(xiàn)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
<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ù)據(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%;
}
如果是多頁面的程序的話，在每一個頁面同理只要在mounted方法中，注冊這個事件即可！
以上這篇Vue退出登錄時清空緩存的實現(xiàn)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
下面小編就為大家整理了一篇解決vue打包項目后刷新404的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
我們開發(fā)后臺管理系統(tǒng)過程中，會由不同的人操作系統(tǒng)，有admin（管理員）、superAdmin(超管)，及各種運營、財務人員。為了區(qū)別這些人員，會給不同的人分配不一樣的角色來展示不同的菜單，這就必須要通過動態(tài)路由來實現(xiàn)。下面就來介紹vue實現(xiàn)動態(tài)路由,需要的朋友可參考一下2021-10-10
這篇文章主要介紹了Vue 實現(xiàn)前進刷新后退不刷新的效果,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-06-06
這篇文章主要介紹了WebSocket使用以及在vue如何使用問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
這篇文章主要介紹了淺談vuex actions和mutation的異曲同工 ，詳細的介紹了actions和mutation的使用和區(qū)別，非常具有實用價值，需要的朋友們下面隨著小編來一起學習學習吧2018-12-12
這篇文章主要介紹了 vue3.0 CLI - 2.6 - 組件的復用，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-09-09
vue如何監(jiān)聽對象或者數(shù)組某個屬性的變化詳解
這篇文章主要給大家介紹了關于vue如何監(jiān)聽對象或者數(shù)組某個屬性的變化,在Vue.js中可以通過watch監(jiān)聽屬性變化并動態(tài)修改其他屬性的值,watch通過監(jiān)聽器函數(shù)接收新舊值,實現(xiàn)屬性間的數(shù)據(jù)聯(lián)動,需要的朋友可以參考下2024-12-12
vue 實現(xiàn)Web端的定位功能 獲取經(jīng)緯度
這篇文章主要介紹了vue 實現(xiàn)Web端的定位功能獲取經(jīng)緯度，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-08-08
關于Vue的 watch、computed和methods的區(qū)別匯總
這篇文章主要介紹關于Vue的 watch、computed和methods的區(qū)別，下面文章將圍繞Vue的 watch、computed和methods的續(xù)航管資料展開全文它們之間區(qū)別的內(nèi)容,需要的朋友可以參考一下，希望能幫助到大家2021-11-11
這篇文章主要介紹了Vue Element UI使用中遇到的問題，對ElementUI感興趣的同學，可以參考下2021-05-05