解决window.history.back()返回上一页有时候需要点击多次问题
window.history.back()返回上一页有时候需要点击多次
遇到两个小问题记录一下
window.history.back() 返回上一页 有时候需要点击多次,这是为什么呢?
原来Windows下的window.history.back()后退后返回的不只是前一个页而是前一个页的状态。如果一个页我修改了3次那必须后退3次才能回到前一个页。
怎么处理这种情况呢,我在网上找了下,并没有特别契合我现在的情况的,无非就是 让我写具体的跳转地址,但凡我能知道具体地址,我还用纠结嘛。。
最终经过各种测试 实操有效的代码来了,
下面展示一些 内联代码片。
history.back();location.reload(); window.history.back()
这个也就意味着 先刷新页面清除状态,再进行返回上一页,完美解决!
这个就是随笔写上的,因为好久之前用过这个,没想到,隔了两三年没用,给忘记了,费了好一番功夫才查到,尴尬了也是
// 先是变量名字
data() return {
value1: 'a',
value2: 'b',
value3: 'c'
}
//那么怎么循环给他们赋值呢 就是这样咯
this['value'+i] = value;
window.history.back(); 缓存返回上级页面不刷新数据
我们经常会做完一个操作之后返回上一个页面(比如新增完一条记录)
然后我们希望返回上一个页面的时候就自动刷新他。
但是由于JS的缓存机制
导致我们的数据还是从前一次里面取的(他的初衷是希望你更快,更省资源)
但是和我们的需求不同
如图:

探索
从网上找的一些资料:
在window.history.back(); 后面加location.reload();
window.history.go(-1);window.location.reload()
均无终而返
解决
window.location.replace(document.referrer)
window.location.href=“上一个页面URL”
(下下策)
总结
以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
Bootstrap CSS组件之面包屑导航(breadcrumb)
这篇文章主要为大家详细介绍了Bootstrap CSS组件之面包屑导航(breadcrumb),具有一定的参考价值,感兴趣的小伙伴们可以参考一下2016-12-12
鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解
这篇文章主要介绍了鼠标事件的screenY,pageY,clientY,layerY,offsetY属性详解,需要的朋友可以参考下2015-03-03
解决WebStorm 2022.3.x 无法识别 Element UI 2.15.11 新版本中的 el-
这篇文章主要介绍了解决 WebStorm 2022.3.x 无法识别 Element UI 2.15.11 新版本中的 el-xxx 标签问题,本文给大家分享两种解决方案,需要的朋友可以参考下2023-01-01


最新评论