**
解决浏览器刷新后vuex中state失效的问题,一串代码搞定!!!!!
**
分析:为了找出问题原因,在对源码分析后发现导致这一问题出现的根本原因是浏览器刷新后vuex中state失效了,而加载的数据依赖于store,所以解决这一问题的根本在于解决浏览器刷新后state失效问题。
废话少说上代码
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))
})