F5刷新store数据丢失问题

2020-06-17  本文已影响0人  有一个程序媛

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

2.解决方案实现原理:

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

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

上一篇下一篇

猜你喜欢

热点阅读