首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vuex + sessionstorage 解决vue项目刷新后页面空白数据丢失

第二部分 接下来清楚了五个方法各自的用法,来说说我的项目逻辑 vuex的state中,定义这个状态:ActiveProgressEnum 这个是用户参加活动的进程值,只要按流程走,他会一直变化,但是若初始化进来时...这样,如果这两个条件同时成立,那就能断定他是刷新了。 那么这个状态值需要在一开始没有,页面初始化后才存在,且页面刷新不丢失。 什么数据这么神通广大?!那就是sessionstorage设置的数据。...然后开始判断条件是否同时成立: 但是这里有一点,需要利用js的同步逻辑,这段判断的代码要提前放到最顶部,即初始化数据没有设定之前: 因为如果数据设定以后,每次初始化进入页面后,开始这段判断时,该值就已经存在...,也会被检测到,场景就会被当作刷新的情况。...TeamID=' + newTeamID; } } 这样解决了刷新后页面空白的问题,重定向重新请求数据 但是如果为了解决部分数据丢失的问题,也可以直接将数据实现存在sessionstorage内

3K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    为 VUE 项目添加 PWA 解决发布后刷新报错问题

    为什么要给 VUE 项目添加 PWA 为什么要添加?...因为不管是部署在 IIS,还是 nginx,每次应用部署后,再次访问因为旧的 js 已经不存在,所以页面访问的时候会整个报错,报错的结果就是一个白屏。...为了解决这个问题,我的解决方案是使用 PWA ,这样就可以将 js 缓存到本地,再次发布后,service-worker.js 会使旧的 js 失效,重新请求并缓存 js。...如果对于问题这个有更好的解决方案,务必请大佬指定一二 安装 PWA 的相关依赖包 yarn 安装 yarn add sw-precache-webpack-plugin --dev yarn add uglify-es...注意:PWA 应用需要在本地上运行或者 https 协议下, 要保证你的页面是安全页面。 结语 几分钟就搞定了,然后把之前的一个基于VUE的后台模板项目也升级了,如果有相同需求的可以参考下。

    1.4K10

    CentOS挂载NAS存储后权限的更改

    上次用centos挂载HP共享存储后发现一个问题,默认挂载到本地后的目录属主和属组为当前挂载用户,而且无法更改,这里记录一下处理过程 1.umount已挂载的文件系统 umount /backup 2....取消共享存储的'根限制' 注:红圈里面的'根限制'要取消勾选,然后点击更新 3.重新挂载nfs文件系统 #这里注意,使用默认的挂载方式挂载后,nfs默认的文件系统版本为 nfs4,如下例子: [root...boot 10.1.1.133:/nas/nfs-ts nfs4 466G 4.0M 466G 1% /backup #这里挂载时指定nfs文件系统为 nfs3 即可解决无法修改挂载后目录无法修改属主和属组的问题...797M 13% /boot 10.1.1.133:/nas/nfs-ts nfs 466G 4.0M 466G 1% /backup 4.修改属主属组测试 #这里可以看到挂载后默认属主属组为当前挂载用户...:就算你用nfs3挂载的文件系统,那么依然无法修改属主属组,更为安全,如下图: #勾选了'根限制'后我们在来修改属主属组测试 [root@localhost ~]$ ls -l / total 73

    4.1K10

    已成功刷新dns解析缓存后怎么操作_刷新dns缓存的命令

    步骤二、然后在命令提示符上线查看下你的电脑上的dns缓存的全部信息,输入“ipconfig /displaydns”即可查询dns缓存信息了。...运行:ipconfig /displaydns这个命令,查看一下本机已经缓存了那些的dns信息的,然后输入下面的命令 ipconfig /flushdns 这时本机的dns缓存信息已经清空了,我们可以再次输入第一次输入的命令来看一下..., ipconfig /displaydns ipconfig /displaydns显示dns缓存 ipconfig /flushdns 刷新DNS记录 ipconfig /renew重请从DHCP服务器获得...IP 先可以输入ipconfig /displaydns显示dns缓存根据显示结果你可以很直观的看到现在你的DNS所指上的IP,然后运行ipconfig /flushdns 刷新DNS记录和ipconfig.../renew重请从DHCP服务器获得IP就可以了,如果一次刷新没有用,可以多次用ipconfig /flushdns进行刷新。

    21.9K30

    Gitlab更改项目间的fork提交关系

    后面想到其实可以更改fork的依赖关系,这个东西应该会在数据库存放的。 二.实际操作 1..先将dzsw/cgd_portal项目导出一份,项目-》设置-》常规-》倒数第二个导出。...这里点击后不要频繁点,他会后台生成,过一会再刷新本页就在导出按钮旁边有个下载按钮了。 2.在组-》新建项目-》导入项目-》gitlab export-》导入文件即可。...如果导入出错,可以尝试用fork到别的组,切断依赖关系后,将原来的备份,用新的fork回原来的。...setting-》Advanced settings-》Remove fork relationship 3.检查新项目是否和老的一样,比如分支,代码等等,确保没问题后,将原项目备份成别的名字,记得更改设置里的项目地址...id了,用如下语句来获得他fork出去那个项目的表数据,我这里主项目的id是1,复制出去的是3。

    1.5K10

    如何修改网站备案 网站备案后的内容能否更改

    当创建的网站成功备案后,很多人会因为第一次网站备案,对网站内容填写的信息不满意,因此想要在备案之后重新修改网站备案,但是大多数已经备案成功的人,并不知道如何修改网站备案?...,那么得重新填写网站负责人的相关信息才能够修改,不过如果想要给网站增加新的域名,那么在网站其他域名的地方填写新的域名即可。...网站备案后的内容能否更改 原则上来说,网站备案的内容无法进行更改。...不过如果网站备案成功以后,那么网站上的内容是可以更改的,备案之后的网站,可以使用国内的空间,如此国内的用户打开网站的速度要大于其他的空间,所以网站创立之后,备案是十分重要的,一旦没有备案成功,那么网站就被会直接撤销...对于网站域名或者内容不满意的用户,可以在网站备案之后对其进行修改,或者在网站上交ICP备案信息后,可以把网站给服务商,让服务商帮助修改网站备案的内容,这样可以减少个人或企业网站备案的负担与压力,强化服务商的备案责任

    16.9K10

    解决Activity重新刷新后Fragment的show、hide失效问题

    问题的起因是这样,的笔者有个自定义View,实现的是一个APP首页的底部选择器,通过简单的配置就可以快速实现fragment的切换,优点是添加和移除item非常便捷并且插拔式的设计,帮助新手们快速上手。...传送门:BottomSelectView 不过很遗憾,在几个项目的考验中,发现了一个重大BUG。即标题,Activity重新刷新后Fragment的show、hide失效问题。...笔者这里的Activity重新刷新指的是系统崩溃,和横竖屏切换的时候。...Activity回重新onCreate导致,选择器绑定的fangment因为onSaveInstanceState存储重新创建前的状态,导致没能正确绑定新的fragment。...最终使BottomSelectView的按钮无法正确的切换Fragment。

    2.4K20

    面试官:vue项目如何部署?有遇到布署服务器后刷新404问题吗?

    一、如何部署 前后端分离开发模式下,前后端是独立布署的,前端只需要将最后的构建物上传至目标服务器的web容器指定的静态目录下即可 我们知道vue项目在构建后,是生成一系列的静态文件 常规布署我们只需要将这个目录上传至目标服务器即可...index /data/dist/index.html; } } 配置完成记得重启nginx // 检查配置是否正确 nginx -t // 平滑重启 nginx -s reload 操作完后就可以在浏览器输入域名进行访问了...我们先还原一下场景: vue项目在本地时运行正常,但部署到服务器中,刷新页面,出现了404错误 先定位一下,HTTP 404 错误意味着链接指向的资源不存在 问题在于为什么不存在?...index.html 文件,然后我们在跳转路由进入到 www.xxx.com/login 关键在这里,当我们在 website.com/login 页执行刷新操作,nginx location 是没有相关配置的...JS来执行视图切换的, 当我们进入到子路由时刷新页面,web容器没有相对应的页面此时会出现404 所以我们只需要配置将任意页面都重定向到 index.html,把路由交由前端处理 对nginx配置文件.

    8.2K31

    如何解决WordPress更改新域名后无法访问的调试

    如何解决WordPress更改新域名后的安装调试,很多人在做了网站的搬家和网站的从新更换空间域名搬家之后,往往出现网站打不开的情况,这个问题其实并不难,但是很多新手站长因为不知道,导致在处理这类问题上花费了大量的时间...今天给大家分享一下如何使得更换域名后的网站如何正常运行(来源:wordpress建站吧) 方法一: 修改wp-config.php ,不是很推荐的方法 1、在wp-config.php中,添加以下两行内容...2、登录后台,在 “常规 -> 设置”重新配置新博客地址(HOME)和安装地址(SITEURL),成功后一定记得删除上面添加的内容,这个方法比较推荐。...修改wp-config.php(自动更新地址) 1、在wp-config.php中,添加下面一行内容: 试用 define(‘RELOCATE’,true); 方法四:修改数据库,这个是比较推荐的方法...1,登录到你的管理页面,找到 wp_options 表 2,将表中的 siteurl 和 home 字段修改为当前的新域名 注:以上4个方法都可完美解决WordPress更换域名后出现的访问问题,选择看个人喜好

    4K30

    神奇的traitlets(赋予PY类属性修改后,自动更改事件)

    最近在读一个英伟达库的代码,读到这个的使用法,研究了一下觉得很新奇。...---- 在我们学习py的第一天就是知道它是一个动态的语言,我相信很多人学了很久也不知道动态到底动在哪里,简单的说一下就是创建变量的时候,直接用一个名字和你目标量一连就好,你什么也不用管。...观察者模式,属性修改后,用自己的函数更改事件 如果前面的用法是毛毛雨的话,那这个就是瓢泼大雨了。在开始bb之前,我们说下什么是观察者模式。我不太喜欢书中的定义,太装A++(自己思考)。...): # change是我们在捕获到改动事件后做出的反应 if change['new'] and not change['old']: # transition...the notification, usually 'change' } { “所有者”:对象,#HasTraits实例 “new”:1,#新值 “old”:0,#旧值 “name”:“bar”,#更改特征的名称

    1.5K30
    领券