美文网首页
F5刷新store数据丢失问题

F5刷新store数据丢失问题

作者: 有一个程序媛 | 来源:发表于2020-06-17 16:15 被阅读0次

1.原因:store的数据是保存在运行内存中的,当页面刷新时,页面会重新加载vue实例,store里的数据就会被还原,重新赋值

2.解决方案实现原理:

(1)将state里的数据保存一份到本地存储(localSorage、sessionStorage、cookie)中

(2)让页面在刷新之前存store中的值到localStorage中。页面数显时再将localStorage中的数据重新赋值到store中,读取和存储都放在以下文件中实现,监听页面的刷新前和刷新之后

相关文章

网友评论

      本文标题:F5刷新store数据丢失问题

      本文链接:https://www.haomeiwen.com/subject/dlusxktx.html