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 相关文章推荐
javascript之水平横向滚动歌词同步的应用
May 07 Javascript
从数组中随机取x条不重复数据的JS代码
Dec 24 Javascript
js网页右下角提示框实例
Oct 14 Javascript
javascript笛卡尔积算法实现方法
Apr 08 Javascript
javascript实现点击提交按钮后显示loading的方法
Jul 03 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
Mar 06 Javascript
Javascript实现代码折叠功能
Aug 25 Javascript
基于BootStrap实现简洁注册界面
Jul 20 Javascript
Vue上传组件vue Simple Uploader的用法示例
Aug 25 Javascript
JavaScript实现单击网页任意位置打开新窗口与关闭窗口的方法
Sep 21 Javascript
AngularJS实现动态切换样式的方法分析
Jun 26 Javascript
微信小程序版本自动更新的方法
Jun 14 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
javascript div 弹出可拖动窗口
2009/02/26 Javascript
Javascript Global对象
2009/08/13 Javascript
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
2010/03/17 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
2012/05/10 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
2013/08/23 Javascript
jquery选择器需要注意的问题
2014/11/26 Javascript
Node.js实现的简易网页抓取功能示例
2014/12/05 Javascript
js在指定位置增加节点函数insertBefore()用法实例
2015/01/12 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
js简单的点击返回顶部效果实现方法
2015/04/10 Javascript
jQuery原型属性和原型方法详解
2015/07/07 Javascript
jQuery插件Timelinr 实现时间轴特效
2015/10/04 Javascript
AngularJs Forms详解及简单示例
2016/09/01 Javascript
微信小程序 九宫格实例代码
2017/01/21 Javascript
JS高仿抛物线加入购物车特效实现代码
2017/02/20 Javascript
javascript遍历json对象的key和任意js对象属性实例
2017/03/09 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
用vue2.0实现点击选中active其他选项互斥的效果
2018/04/12 Javascript
React从react-router路由上做登陆验证控制的方法
2018/05/10 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
Koa 使用小技巧(小结)
2018/10/22 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
JS用最简单的方法实现四舍五入
2019/08/27 Javascript
微信小程序里引入SVG矢量图标的方法
2019/09/20 Javascript
[03:59]第二届DOTA2亚洲邀请赛选手传记-VGJ.rOtk
2017/04/03 DOTA
python利用hook技术破解https的实例代码
2013/03/25 Python
python 计算积分图和haar特征的实例代码
2019/11/20 Python
pytorch sampler对数据进行采样的实现
2019/12/31 Python
Django调用支付宝接口代码实例详解
2020/04/04 Python
浅谈Python中的模块
2020/06/10 Python
存储过程和函数的区别
2013/05/28 面试题
城市精细化管理实施方案
2014/03/04 职场文书
公司新人试用期自我评价
2014/09/17 职场文书
2015年毕业生自我鉴定模板
2014/09/19 职场文书
详解nginx进程锁的实现
2021/06/14 Servers
Win7/8.1用户可以免费升级到Windows 11系统吗?
2021/11/21 数码科技