解决vue页面刷新后原先获取的vuex中state消失的问题

在 app.vue中的created函数中写如下代码:localstorage和sessionStorage都可以

//在页面加载时读取sessionStorage里的状态信息

if (sessionStorage.getItem("store") ) {

this.$store.replaceState(Object.assign({}, this.$store.state,JSON.parse(sessionStorage.getItem("store"))))

}

 

//在页面刷新时将vuex里的信息保存到sessionStorage里

window.addEventListener("beforeunload",()=>{

sessionStorage.setItem("store",JSON.stringify(this.$store.state))

})

你可能感兴趣的:(解决vue页面刷新后原先获取的vuex中state消失的问题)