数据存在store里一刷新数据丢失解决方法

数据存在store里一刷新数据丢失解决方法,第1张

前几天做移动端,需要设置按钮权限,所以需要store里保存数据,但是问题是一刷新页面数据丢失了,查阅了办法就是在app.vue里面加几行代码,
本人测试了下果然好用:

 created () {
    // 在页面加载时读取sessionStorage
    if (sessionStorage.getItem('store')) {
      this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem('store'))))
    }
    // 在页面刷新时将store保存到sessionStorage里
    window.addEventListener('beforeunload', () => {
      sessionStorage.setItem('store', JSON.stringify(this.$store.state))
    })
  }

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1296776.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-06-10
下一篇2022-06-10

发表评论

登录后才能评论

评论列表(0条)

    保存