解决vue页面刷新后或者第三方页面返回当前页面之前获取的state数据消失的问题
程序员文章站
2024-03-12 19:28:02
...
问题描述:
vue项目当前组件页面刷新或者跳转第三方页面(支付宝支付)在返回当前页面,之前获取的vuex中的state值会消失掉造成页面数据显示不正确
解决方案:灵活使用localstorage或者sessionStorage
//在页面刷新或者页面跳转之前时将vuex里的信息保存到sessionStorage里
window.addEventListener("beforeunload",()=>{
sessionStorage.setItem("store",JSON.stringify(this.$store.state.store))
})
使用的地方获取相应的数据
let store = sessionStorage.getItem('store')
if(store) {
this.fromSources = store
}else{
this.fromSources = this.$store.state.store
}