在app.vue
入口組件中添加如下代碼,這樣就可以保證每次刷新頁面都可以觸發
1 export default { 2 name: 'App', 3 created () { 4 //在頁面加載時讀取sessionStorage里的狀態信息 5 if (sessionStorage.getItem("store") ) {
//this.$store.replaceState()替換 store 的根狀態 6 this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store")))) 7 } 8 9 //在頁面刷新時將vuex里的信息保存到sessionStorage里 10 window.addEventListener("beforeunload",()=>{ 11 sessionStorage.setItem("store",JSON.stringify(this.$store.state)) 12 }) 13 } 14 }