美文网首页
sessionStorage和vuex的配套使用

sessionStorage和vuex的配套使用

作者: 蜻蜓路过风 | 来源:发表于2020-03-11 15:00 被阅读0次

    sessionStorage应只用来刷新后的获取,所以应只作为每一次存储的备份
    在页面没有刷新时应一直使用state中的数据并维护该状态

    以下为getters中的示例,以一个reFlesh维护是否是刷新后的获取,默认为true,进行commit后置为false

    infoData: state => {
          if(state.reFlesh) {
            const infoData = sessionStorage.getItem('infoData') ? JSON.parse(sessionStorage.getItem('infoData')) : {}
            return JSON.stringify(infoData) !== '{}' ? infoData : state.infoData
          } else {
            return state.infoData
          }
        }
    

    相关文章

      网友评论

          本文标题:sessionStorage和vuex的配套使用

          本文链接:https://www.haomeiwen.com/subject/uvrcjhtx.html