美文网首页
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