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

相关文章

  • element中el-form-item属性prop踩坑

    element中el-form-item属性prop踩坑

    最近需要用到vue,在el-form-item属性prop上遇到报错或者没绑定到数据,本文主要介绍了element中el-form-item属性prop踩坑,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • vue中的select绑定多个值

    vue中的select绑定多个值

    这篇文章主要介绍了vue中的select绑定多个值,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue实现表格分页功能

    vue实现表格分页功能

    这篇文章主要为大家详细介绍了vue实现表格分页功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • 为什么要使用Vuex的介绍

    为什么要使用Vuex的介绍

    今天小编就为大家分享一篇关于为什么要使用Vuex的介绍,小编觉得内容挺不错的,现在分享给大家,具有很好的参考价值,需要的朋友一起跟随小编来看看吧
    2019-01-01
  • vue3.2+ts实现在方法中可调用的拟态框弹窗(类el-MessageBox)

    vue3.2+ts实现在方法中可调用的拟态框弹窗(类el-MessageBox)

    这篇文章主要介绍了vue3.2+ts实现在方法中可调用的拟态框弹窗(类el-MessageBox),这个需求最主要的是要通过方法去调用,为了像el-messagebox使用那样方便,需要的朋友可以参考下
    2022-12-12
  • 关于vue3默认把所有onSomething当作v-on事件绑定的思考

    关于vue3默认把所有onSomething当作v-on事件绑定的思考

    这篇文章主要介绍了关于vue3默认把所有`onSomething`当作`v-on`事件绑定的思考,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • vue 指令版富文本溢出省略截取示例详解

    vue 指令版富文本溢出省略截取示例详解

    这篇文章主要为大家介绍了vue 指令版富文本溢出省略截取示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-09-09
  • 详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper

    详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper

    本文通过实例代码给大家详细介绍了vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper的相关知识,需要的朋友可以参考下
    2018-05-05
  • vue-print-nb只打印一页解决方法示例

    vue-print-nb只打印一页解决方法示例

    这篇文章主要为大家介绍了vue-print-nb只打印一页解决方法示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪<BR>
    2023-11-11
  • Vue3+Element Plus实现动态标签页以及右键菜单功能

    Vue3+Element Plus实现动态标签页以及右键菜单功能

    这篇文章主要给大家介绍了关于Vue3+Element Plus实现动态标签页以及右键菜单功能的相关资料,Vue 3和Element Plus提供了一种简单的方法来实现侧边菜单栏与标签页之间的联动,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-09-09

最新评论