首页 > 其他分享 >vuex 刷新页面 数据不丢失的方法

vuex 刷新页面 数据不丢失的方法

时间:2022-11-08 20:33:20浏览次数:44  
标签:vuex sessionStorage 丢失 刷新 messageStore store 页面

export default {
  name: 'app',
  //加入以下代码解决页面刷新时vueX数据丢失
  created() {
    //在页面刷新时将vuex里的信息保存到 sessionStorage里
    window.addEventListener('beforeunload', () => {
      sessionStorage.setItem('messageStore', JSON.stringify(this.$store.state));
    });
    //在页面加载时读取l sessionStorage里的状态信息
    sessionStorage.getItem('messageStore') && this.$store.replaceState(Object.assign(this.$store.state, JSON.parse(sessionStorage.getItem('messageStore'))));
  }
  
};

 

还没试不成功找下修东问问

标签:vuex,sessionStorage,丢失,刷新,messageStore,store,页面
From: https://www.cnblogs.com/kaibindirver/p/16871090.html

相关文章

  • 如何实现JavaSrcipt页面的跳转
    所谓的JavaSrcipt页面跳转就是利用JavaSrcipt对打开的页面ULR进行跳转,如我们打开的是A页面,通过JavaSrcipt脚本就会跳转到B页面。一、常规的JS页面跳转代码1、在原来的窗体中......
  • java读取word显示在jsp页面上
    在最近的一个项目中需要将一段字符类型的文本存为word,html并要将word的内容保存在数据库中,于是就有了如下的一个工具类,希望能对碰到这样需求的朋友提供点帮助。      ......
  • vue+element ui <el-tabs>中刷新页面不要回到初始页面
    公司新加了一个需求,每个tab栏下的页面里面有查看详情的接口,查看后返回到查看前的tab页面。刚开始每次返回都返回到待处理的页面,显然不符合需求。思路:每次点击tab栏,将当前页......
  • VUE2 实现一个页面 调用 另一个页面的函数
    今天我在Vue 需要实现 一个这样的功能在App.vue页面中 要实现 调用 另一个页(ExtensionMonitor.vue)中的函数 并将参数 传过去下面将实现的步骤写下来,供大家参考1.......
  • a-select下拉框滚动时不跟随页面滚动 与a-select框分离
    a-select下拉框默认是渲染到 <body>上 的,如果遇到菜单滚动定位的问题,使用getPopupContainer函数菜单渲染父节点,修改滚动的区域,并相对其定位。  问题:在滚动的时候......
  • 小程序自定义组件以及页面之间的数据传递
    1、自定义组件接收页面传递过来的数据首先在组件的属性列表properties中设置数据类型以及默认值,然后再在引用组件的页面上设置相应的接收数据的名字以及数据内容(跟小程序......
  • 组件全局注册 每个页面可以直接使用组件
    文件结构:  index.js文件代码:importPageToolsfrom"./PageTools";importUploadExcelfrom"./UploadExcel";importImageUploadfrom"./ImageUpload";impor......
  • Long数据类型序列化Json后传递给前端,产生的精度丢失的问题解决
    问题产生的原因Long类型的数据,如果我们在后端将结果序列化为json,直接传给前端的话,在Long长度大于17位时会出现精度丢失的问题。java中的long能表示的范围比js中number大,......
  • 记一次无法访问到静态页面
       <=    =>      很久没有写博客了这次写是因为碰到了卡我一个小时的问题,如图,静态资源一致不能访问,后来我尝试用了另一种方式   就是......
  • 用windbg为无效页面建立页面映射
       前几天和同事扯淡,说调试驱动时访问无效内存会蓝屏,好麻烦,应该让windbg自动建立一个有效的页面,这样就不用蓝屏重启了。虽然说这是扯淡,但仔细想想貌似也不是不可能实现......