Vue单页面应用保证F5强刷不清空数据的如何解决方案

看,田野里的玉米露出了笑脸,秋风吹过,闪烁着太阳的光芒,秋天是金色的。看满山的枫叶,红得就像一团火焰在熊熊燃烧,散发着生机,秋天是红色的。呵呵,我们都错了,秋天不是金黄的,也不是红色的,秋天是五颜六色的。

问题描述:

  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;
 }

ps:下面看下Vue父组件接收不到子组件$emit事件的原因分析

通常有两种情况:

1.事件名称不全是小写。事件名称要求全小写。

2.不是父子关系。这里的父子关系是严格的父子关系,祖孙关系也不行。只能一层一层触发,这在写树形组件时,很容易掉坑里。

以上就是Vue单页面应用保证F5强刷不清空数据的如何解决方案。世事往往如此,想回头也已经来不及,即使你肯沦为劣马,也不一定有回头草在等你。更多关于Vue单页面应用保证F5强刷不清空数据的如何解决方案请关注haodaima.com其它相关文章!

您可能有感兴趣的文章
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作

vue 关闭浏览器窗口的时候,清空localStorage的数据示例

vuex管理状态 刷新页面保持不被清空的如何解决方案

vue 清空input标签 中file的值操作

vue+ElementUI 关闭对话框清空验证,清除form表单的操作