将vuex中的数据缓存到浏览器即可保证刷新页面vuex不回被清空
首先缓存state中的数据,在app.vue中添加
mounted中添加监听unload事件,当页面刷新的时候缓存数据:

 window.addEventListener('unload', this.saveState)

method中添加方法:

saveState() {
      sessionStorage.setItem('state', JSON.stringify(this.$store.state))
    }

在store的index中将state修改一下就好,如下:

state: sessionStorage.getItem('state') ? JSON.parse(sessionStorage.getItem('state')) : {
    getuserinfo: "中国工商银行", // 用户信息所有信息
    userInfo: {},
    routers: {}
  },
Logo

前往低代码交流专区

更多推荐