Vue单页面应用保证F5强刷不清空数据的解决方案
更新时间:2018年01月31日 09:43:29 作者:黎明の破晓
最近小编遇到这样的问题当vue单页面按F5强刷,数据就恢复初始了,这怎么办呢?下面小编给大家带来了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.不是父子关系。这里的父子关系是严格的父子关系,祖孙关系也不行。只能一层一层触发,这在写树形组件时,很容易掉坑里。
相关文章
vue3.2+ts实现在方法中可调用的拟态框弹窗(类el-MessageBox)
这篇文章主要介绍了vue3.2+ts实现在方法中可调用的拟态框弹窗(类el-MessageBox),这个需求最主要的是要通过方法去调用,为了像el-messagebox使用那样方便,需要的朋友可以参考下2022-12-12关于vue3默认把所有onSomething当作v-on事件绑定的思考
这篇文章主要介绍了关于vue3默认把所有`onSomething`当作`v-on`事件绑定的思考,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-05-05详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
本文通过实例代码给大家详细介绍了vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper的相关知识,需要的朋友可以参考下2018-05-05Vue3+Element Plus实现动态标签页以及右键菜单功能
这篇文章主要给大家介绍了关于Vue3+Element Plus实现动态标签页以及右键菜单功能的相关资料,Vue 3和Element Plus提供了一种简单的方法来实现侧边菜单栏与标签页之间的联动,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-09-09
最新评论