专栏首页编程微刊layui打开iframe窗口不刷新的问题

layui打开iframe窗口不刷新的问题

这个问题可能是我工作以来,最死磕不算bug的一个了,晚上熬夜到三点钟,终于找到了解决的办法。

问题所在,我所用的layui后台管理系统的框架是之前遗留下来的,2017年的版本,iframe窗口不刷新的问题,也就是框架本身的缓存问题,现在layui针对这一问题已经升级版本,就不存在问题了。

先说一下要修改的地方:点击左侧的菜单栏(即打开一个新的iframe层页面),第一次打开的窗口会刷新,但是再次点击左侧菜单的时候就不会刷新了,每次这个页面获取到新的数据,iframe窗口里面都是有缓存的,都需要手动F5刷新才会更新,因此带来不便。

改为:每次点击左侧菜单,都会触发一次刷新事件。

解决办法:打开tab.js文件 1:在配置里面添上

autoRefresh:true

2:写自动刷新的代码

if(_config.autoRefresh) {
                     _config.elem.find('div.layui-tab-content > div').eq(tabIndex).children('iframe')[0].contentWindow.location = data.href;
                    /*_config.elem.find('div.layui-tab-content > div').eq(tabIndex).children('iframe')[0].contentWindow.location.reload();*/
                }

ok,重新启动项目的时候,会发现缓存的问题已经解决。


本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • HTTP概述 原

    HTTP定义:HTTP是超文本传输协议,是用于传输诸如HTML的超媒体文档的应用层协议,它被设计用于Web浏览器和Web服务器之间的通信。

    tianyawhl
  • rpm、yum及yum局域网软件源 原

    rpm(Redhat Package Manager)RPM软件包管理器,是以一种数据库记录的方式来将我们所需要的套件安装到Linux主机的一套管理程序。rpm...

    阿dai学长
  • Jquery如何删除table里面checkbox选中的多个行与多个列

    (adsbygoogle = window.adsbygoogle || []).push({});

    tianyawhl
  • Hbuilder问题记录 原

    (adsbygoogle = window.adsbygoogle || []).push({});

    tianyawhl
  • css 总结1 原

    1、@import是 CSS 提供的语法规则,只有导入样式表的作用;link是HTML提供的标签,不仅可以加载 CSS 文件,还可以定义 RSS、rel 连接属...

    tianyawhl
  • 网络基础知识一 原

    (adsbygoogle = window.adsbygoogle || []).push({});

    阿dai学长
  • 源码编译安装PHP5、PHP7 原

    说明: 安装完成PHP后会在Apache中自动添加相应模块,同时在Apache配置文件/usr/local/apache2.4/conf/httpd.conf中...

    阿dai学长
  • 如何在静态页面上使用markdown排版 原

    ”Markdown是一种轻量级标记语言,创始人是约翰·格鲁伯(John Gruber)。它允许人们 “使用易读易写的纯文本格式编写文档,然后转换成有效的 HTM...

    tianyawhl
  • linux系统使用之本地yum源搭建 转

    [root@test yum.repos.d]# yum install https://rdoproject.org/repos/rdo-release.rp...

    阿dai学长
  • 解决bootstrap-table-fixed-columns.js显示列与隐藏列按钮切换表格不对齐

    含有data-show-columns="true"属性时会在右边显示可以切换列的按钮

    tianyawhl

扫码关注云+社区

领取腾讯云代金券