美文网首页
VUEX 数据持久化,刷新后重新获取

VUEX 数据持久化,刷新后重新获取

作者: 与你清欢_李 | 来源:发表于2018-12-12 10:37 被阅读0次

VUEX 数据持久化

// store.js
  getters: {
    userInfo(state) {
      console.log('getters',state);
      if (!state.userInfo.id) {
        let token = getStorage("token");
        console.log('token',token);
        if (token) {
          let userInfo = getStorage("userInfo");
          state.userInfo = userInfo.data;
        }
      }
      return state.userInfo
    }
  },

注意:如果 使用this.$store.userInfo 是读取不到的,必须使用getter

// component.js
userInfo() {
           return this.$store.getters.userInfo;
       }

相关文章

网友评论

      本文标题:VUEX 数据持久化,刷新后重新获取

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