Vue 页面刷新,状态数据丢失问题

原创 uptown 随笔 vue 72阅读 7 天前 举报

在开发过程中发现,Vuex 状态值存在页面刷新,数据丢失情况。

具体:在登陆页成功登陆,将用户信息保存到 Vuex,跳转至首页,首页显示用户信息,再刷新首页,vuex中保存的数据会丢失!

原因:store里的数据是保存在运行内存中的,当刷新页面,以前的内存被释放,重新加载脚本,store里面的数据就会被重新赋值。

解决方法:将state里的数据保存一份到本地存储。

在登陆页面传数据 设置 state 时,同时保存到 localStorage 中,然后在首页中做判断,如果刷新丢失,则取 localStorage 的值,再次设置 state!

index.vue

store > index.js 

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复