欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

[one day one question] Vue单页面应用如何保证F5强刷不清空数据

程序员文章站 2022-04-14 13:35:07
问题描述: Vue单页面用按F5强刷,数据就恢复初始了,这怎么破? 解决方案: if (sessionStorage.getItem('mobileState')) { state = JSON.parse(sessionStorage.getItem('mobileState')); } else ......

问题描述:

  Vue单页面用按F5强刷,数据就恢复初始了,这怎么破?

解决方案

 

store.subscribe((mutation, state) => {
  sessionStorage.setItem('mobileState', JSON.stringify(state));
})

 if (sessionStorage.getItem('mobileState')) {
   state = JSON.parse(sessionStorage.getItem('mobileState'));
 } else {
   state = stateOrg;
 }

 

 

 

 

君生我未生,我生君已老 君恨我生迟,我恨君生早 
君生我未生,我生君已老 恨不生同时,日日与君好
我生君未生,君生我已老 我离君天涯,君隔我海角
我生君未生,君生我已老 化蝶去寻花,夜夜栖芳草