文章阅读

沉浸阅读完整内容

解决vuex刷新页面数据丢失

小诸葛 2023-07-09 11:02 未分类 2314 阅读 0 评论

正在统计阅读人数正在统计字数

登录收藏0

字号 100%

1.监听页面是否刷新，如果页面刷新了，把state对象存入到sessionStorage或者localStorage中，

2.页面打开之后，判断sessionStorage/localStorage中是否存在state对象，如果存在，则说明页面是被刷新过的，将sessionStorage/localStorage中存的数据取出来给vuex中的state赋值。如果不存在，说明是第一次打开，则取vuex中定义的state初始值。