vue中 页面刷新之后,拿不到store中的数据

如图,我在created中获取vuex中的数据,一进入页面能够拿到,但是页面刷新之后就拿不到数据
图片描述
图片描述

阅读 10.2k
6 个回答

页面刷新之后store回到初始状态了。可以通过本地存储解决

新手上路,请多包涵

刷新以后store里的数据重置了 讨论群163958730

store是原来存储组件状态的,不是用来做本地数据存储的。
本地存储可以用localStorage/sessionStorage或者cookie

你可以把它看做是一个js的缓存数据; 例如:

let arr = [];

// 在某个事件中加入了一个值 [1]
// 再次刷新时 相当于又重新声明了 所以没有值

可以通过sessionStorage或者localStorage解决

const state = {phone:localStorage.getItem('phone')||""}

可以在你的store.js里用sessionStorage保存起来,刷新的时候可以拿到

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题