欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

解决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
        }
相关标签: vuex