页面刷新可能会导致页面上展示的部分实时数据丢失的问题。
针对这种情况,我们可以通过监听页面重加载来做相应的处理。
实现逻辑:
1. 在页面第一次加载的时候,往sessionStorage中存一个状态值,例如:
sessionStorage.setItem("firstLoad",true);
2. 在页面交互过程不想因为刷新而丢失的值也放进sessionStorage中进行存储。
并将firstLoad中的值更新为false。表示之后的刷新都不是首次刷新。
3. 当页面刷新时,先去sessionStorage中判断是否存在firstLoad.如果存在,则代表不是首次加载,那么就把存在sessionStorage中存储的数据还原至页面上。