Vuex的store.state是在哪里取值呢?

我们知道vuex的state值在刷新浏览器的时候,就会清空,我想到可以将值存在本地数据库,那么vuex的state要怎么做才能在刷新浏览器的时候先从cookie或者其他本地化地方取的相应的值呢?

阅读 8.8k
2 个回答

你不是存到本地数据库了么,那你在初始化state这个值得时候先看下本地数据库有没有值,有值的话给state初始化这个数据库的值,你看是这样吗?
存的话,你可以直接把state的值取出来,序列化成字符串,然后存到localStorage中,然后在刷新打开的时候初始化再从localStorage中读取这个字符串,反序列化为对象初始化给state

const store = new Vuex.Store({
  // 定义状态
  state: {
    headImg: JSON.parse(sessionStorage.getItem('headImg')) || ""
  },
  mutations: {
    newImg(state, msg){
      sessionStorage.setItem('headImg', JSON.stringify(msg))
      state.headImg = msg;
    }
  }
})
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题