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 相关文章推荐
jquery 应用代码 方便的排序功能
Feb 06 Javascript
jQuery.Validate 使用笔记(jQuery Validation范例 )
Jun 25 Javascript
分别用marquee和div+js实现首尾相连循环滚动效果,仅3行代码
Sep 21 Javascript
Bootstrap3学习笔记(三)之表格
May 20 Javascript
AngularJS入门教程之控制器详解
Jul 27 Javascript
js弹性势能动画之抛物线运动实例详解
Jul 27 Javascript
vue-cli的eslint相关用法
Sep 29 Javascript
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
微信小程序实现通过js操作wxml的wxss属性示例
Dec 06 Javascript
angular学习之动态创建表单的方法
Dec 07 Javascript
微信小程序绘制图片发送朋友圈
Jul 25 Javascript
详解小程序云开发攻略(解决最棘手的问题)
Sep 30 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与C#分别格式化文件大小的代码
2011/05/14 PHP
php中解析带中文字符的url函数分享
2015/01/20 PHP
PHP版微信第三方实现一键登录及获取用户信息的方法
2016/10/14 PHP
如何用PHP做到页面注册审核
2017/03/02 PHP
PHP 7.4中使用预加载的方法详解
2019/07/08 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
图片在浏览器中底部对齐 解决方法之一
2011/11/30 Javascript
js 与 php 通过json数据进行通讯示例
2014/03/26 Javascript
jquery操作HTML5 的data-*的用法实例分享
2014/08/17 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
HTML5+JS+JQuery+ECharts实现异步加载问题
2017/12/16 jQuery
JSON基本语法及与JavaScript的异同实例分析
2019/01/04 Javascript
js实现自定义右键菜单
2020/05/18 Javascript
Vue项目接入Paypal实现示例详解
2020/06/04 Javascript
vue-simple-uploader上传成功之后的response获取代码
2020/09/07 Javascript
python使用win32com在百度空间插入html元素示例
2014/02/20 Python
Python中的choice()方法使用详解
2015/05/15 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
python生成二维码的实例详解
2017/10/29 Python
Python中turtle作图示例
2017/11/15 Python
Python实现正整数分解质因数操作示例
2018/08/01 Python
在pycharm下设置自己的个性模版方法
2019/07/15 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
瑞典快乐袜子:Happy Socks
2018/02/16 全球购物
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
金融事务专业求职信
2014/04/25 职场文书
优秀安全员事迹材料
2014/05/11 职场文书
文明礼仪演讲稿
2014/05/12 职场文书
档案保密承诺书
2014/06/03 职场文书
处级领导班子全部召开专题民主生活会情况汇报
2014/09/27 职场文书
2014年度个人工作总结范文
2015/03/09 职场文书
新教师教学工作总结
2015/08/14 职场文书
Python 读写 Matlab Mat 格式数据的操作
2021/05/19 Python
在vue中import()语法不能传入变量的问题及解决
2022/04/01 Vue.js