1

其实有2个问题,请各位大神指教
1: vuex dispatch了getUserInfo, 正常情况下没问题,刷新页面后就没办法的到数据了。有什么办法可以解决这个问题,存本地缓存么。。如果存本地缓存的话。。那还要用vuex干嘛呢。。。

2:也是vuex的问题。。我在computed 使用 ...mapGetters(['getUserInfo']) 跳转页,数据正常,但是用

    computed: {
    getUserInfo:function(){
      return this.$store.getters.getUserInfo
    }
  }

这种就为空。。请问这个mapGetters映射和this.$store 这种方法的区别

谢谢各位大神支招= =!

2017-05-27 提问
3 个回答
3

已采纳

取到 userInfo 后存到 Local Storage 里一份,然后在页面加载的时候去取一下 Local Storage
的值放到 vuex 里面。保证存取同步。

1
回复 于大正正

只存这几个key是没问题的,同时也解决了你说的刷新丢失问题,没必要引用个库进来

orange · 2017-05-27

展开评论
1

vuex里用来存储的也只是一个全局变量,当页面刷新,该全局变量自然不存在了。
用户信息建议存储到localStorage里面存储一份
localStorage.setItem(key, value) //存储数据,value为string类型,如果要存对象,先转换
localStorage.getItem(key) //获取数据

0

第二个问题 return this.$store.getters.getUserInfo
改成 return this.$store.getters['getUserInfo']

撰写答案

推广链接