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.不是父子关系。这里的父子关系是严格的父子关系，祖孙关系也不行。只能一层一层触发，这在写树形组件时，很容易掉坑里。
相关文章
这篇文章主要为大家详细介绍了Vue中的axios和proxy代理的相关知识，文中的示例代码讲解详细，具有一定的借鉴价值，需要的可以参考一下2023-03-03
在vue2中 使用的 this.$route 和 this.$router this.$store的使用在vue3中完全适用，这篇文章主要介绍了Vue3 使用Vuex和router的注意事项及操作方法,需要的朋友可以参考下2022-12-12
这篇文章主要为大家详细介绍了vue2.0实现列表数据增加和删除，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
这篇文章主要为大家介绍了vue项目打包开启gzip压缩具体使用方法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-07-07
kiss-vuex 是一个非常简单的语法糖类库，这篇文章主要介绍了傻瓜式vuex语法糖kiss-vuex整理，非常具有实用价值，需要的朋友们下面随着小编来一起学习学习吧2018-12-12
下面小编就为大家分享一篇vue项目中引入noVNC远程桌面的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-03-03
今天小编就为大家分享一篇vue二级菜单导航点击选中事件的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
这篇文章主要介绍了React中父子组件通信详解，在父组件中，为子组件添加属性数据，即可实现父组件向子组件通信，文章通过围绕主题展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-10-10
这篇文章主要为大家详细介绍了vue或css动画实现列表向上无缝滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
这篇文章主要为大家介绍了Vue3必学技巧-自定义Hooks-让写Vue3更畅快示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
最新评论