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


Posted in Javascript onJanuary 31, 2018

问题描述:

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

Javascript 相关文章推荐
在网页中屏蔽快捷键
Sep 06 Javascript
基于JQuery 滑动与动画的说明介绍
Apr 18 Javascript
js通过地址栏给action传值(中文乱码全是问号)
May 02 Javascript
Javascript中的String对象详谈
Mar 03 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
Aug 30 Javascript
javascript 小数乘法结果错误的处理方法
Jul 28 Javascript
微信小程序 WXDropDownMenu组件详解及实例代码
Oct 24 Javascript
js 性能优化之算法和流程控制
Feb 15 Javascript
vue.js语法及常用指令
Oct 29 Javascript
js将当前时间格式化为 年-月-日 时:分:秒的实现代码
Jan 20 Javascript
Angular Excel 导入与导出的实现代码
Apr 17 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
Vue服务器渲染Nuxt学习笔记
Jan 31 #Javascript
微信小程序页面生命周期详解
Jan 31 #Javascript
在vue项目中使用Nprogress.js进度条的方法
Jan 31 #Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
Jan 31 #Javascript
微信小程序App生命周期详解
Jan 31 #Javascript
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 #jQuery
微信小程序switch组件使用详解
Jan 31 #Javascript
You might like
php中如何同时使用session和cookie来保存用户登录信息
2013/07/05 PHP
你必须知道的Javascript知识点之"this指针"的应用
2013/04/23 Javascript
JavaScript中for..in循环陷阱介绍
2013/11/12 Javascript
用JavaScript来美化HTML的select标签的下拉列表效果
2015/11/17 Javascript
使用jquery如何获取时间
2016/10/13 Javascript
jQuery事件与动画基础详解
2017/02/23 Javascript
简单好用的nodejs 爬虫框架分享
2017/03/26 NodeJs
vue的过滤器filter实例详解
2018/09/17 Javascript
微信小程序使用template标签实现五星评分功能
2018/11/03 Javascript
python虚拟环境 virtualenv的简单使用
2020/01/21 Javascript
[04:47]DOTA2-潍坊风行电子俱乐部探秘
2014/08/08 DOTA
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
深入理解Python中装饰器的用法
2016/06/28 Python
python用post访问restful服务接口的方法
2018/12/07 Python
python requests.post带head和body的实例
2019/01/02 Python
100行Python代码实现每天不同时间段定时给女友发消息
2019/09/27 Python
django在开发中取消外键约束的实现
2020/05/20 Python
Python叠加矩形框图层2种方法及效果
2020/06/18 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
英国女装网上商店:I Saw It First
2018/10/18 全球购物
官方授权图形T恤和服装:Fifth Sun
2019/06/12 全球购物
香港家用健身器材、运动器材及健康美容仪器专门店:FitBoxx
2019/12/05 全球购物
圣彼得堡鲜花配送:Semicvetic
2020/09/15 全球购物
简历中求职的个人自我评价
2013/12/03 职场文书
客房主管岗位职责
2013/12/09 职场文书
旅游管理专业个人求职信范文
2013/12/24 职场文书
《小池塘》教学反思
2014/02/28 职场文书
大二学习计划书范文
2014/04/27 职场文书
献爱心活动总结
2014/05/07 职场文书
经营理念标语
2014/06/21 职场文书
采购员岗位职责范本
2015/04/07 职场文书
婚庆司仪开场白
2015/05/29 职场文书
超市店长竞聘书
2015/09/15 职场文书
小学生必读成语故事大全:送给暑假的你们
2019/07/09 职场文书
Python自动化测试PO模型封装过程详解
2021/06/22 Python