layui回退页面不刷新

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui回退页面不刷新相关的知识,希望对你有一定的参考价值。

使用的layuimini后台模板,第一次点击左侧菜单栏的时候会刷新页面,然后切换别的菜单之后,再次点击原页面,页面不会刷新,例如当我每成功审核一条数据,跳转到审核历史页面,应该能看到刚才审核的那条数据,但是现在却要每次手动刷新之后,才能看到刚才审核的那条数据。=
在这里插入图片描述

解决方案

利用html5的storage事件
当同源页面的某个页面修改了localStorage,其余的同源页面只要注册了storage事件,就会触发”

所以,localStorage 的例子运行需要如下条件:

同一浏览器打开了两个同源页面
其中一个网页修改了 localStorage
另一网页注册了 storage 事件
参考技术A 第一次点击左侧菜单栏的时候会刷新页面,然后切换别的菜单之后,再次点击原页面,页面不会刷新,例如当我每成功审核一条数据,跳转到审核历史页面,应该能看到刚才审核的那条数据,但是现在却要每次手动刷新之后,才能看到刚才审核的那条数据。

解决IOS微信页面回退不刷新问题

场景:开发的H5页面,嵌套至app端,发现IOS端A页面到B页面,再次返回到A页面,没有刷新页面。

$(function () { 
  var isPageHide = false; 
  window.addEventListener(‘pageshow‘, function () { 
    if (isPageHide) { 
      window.location.reload(); 
    } 
  }); 
  window.addEventListener(‘pagehide‘, function () { 
    isPageHide = true; 
  }); 
})

原链接:https://www.jb51.net/article/114233.htm

以上是关于layui回退页面不刷新的主要内容,如果未能解决你的问题,请参考以下文章

解决ios微信页面回退不刷新的问题

ios 回退h5页面不刷新页面解决办法

解决浏览器回退不刷新

vue2.0页面前进刷新回退不刷新的实现

关于history.back()history.go()回退但无法刷新页面的问题

Ajax回退刷新页面问题的解决办法