vue 頁面重新整理資料丟失問題

參考： 

我的需求： 進入**後調介面獲取使用者id，並把id存入session中。之後跳轉頁面或重新整理頁面時，直接從session中取出id，無需再調介面。

main.js檔案中：

import vue from 'vue';

import router from './router';
import vuex from 'vuex';
···import store from './store'; //
vuex部分
//在頁面載入時讀取sessionstorage裡的狀態資訊
if (sessionstorage.getitem("usermsg")) , _this.$store.state, json.parse(sessionstorage.getitem(
"usermsg"))));
}//在頁面重新整理時將vuex裡的資訊儲存到sessionstorage裡
window.addeventlistener("beforeunload", () =>)
succallback &&succallback(_this.userinfo);}})
.catch(function
(error) );
}};newvue(
},components: ,

store.js：

import vue from "vue";

import vuex from "vuex";
vue.use(vuex);
export 
default
newvuex.store(,
getters: ,
mutations: ,
set_usermsg(state, data) 
},actions: {},
modules: {}
});

元件中：

···

data() 
},created() ,
methods: );
}}···

頁面重新整理 重新整理vue頁面，解決資料丟失

解決方法一 最先想到的應該就是利用localstorage sessionstorage將資料儲存在外部，做乙個持久化儲存，下面是利用localstorage儲存的具體方案 方案一 由於state中的資料是響應式的，而資料又是通過mutation來進行修改，故在通過mutation修改state中資...

解決vue頁面重新整理，資料丟失

最先想到的應該就是利用localstorage sessionstorage將資料儲存在外部，做乙個持久化儲存，下面是利用localstorage儲存的具體方案 方案一 由於state中的資料是響應式的，而資料又是通過mutation來進行修改，故在通過mutation修改state中資料的同時呼叫...

vue全域性變數 頁面重新整理時資料丟失問題

在開發中，我們需要將一些資料存到全域性變數中，如使用者的使用者名稱等，便於頁面展示，儲存從伺服器傳送請求返回的資料，以避免在不同元件傳送相同請求時，重複請求伺服器。common.js var typeoptions const testconst 我是常量 export default 全域性掛載 ...