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,重新启动项目的时候,会发现缓存的问题已经解决。


原文作者:祈澈姑娘 技术博客://www.greatytc.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,对于博客上面有不会的问题,可以加入qq技术交流群聊:702834751

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,748评论 1 45
  • 有时候,很想沉思,放空…… 放一首神怡安寂的古琴曲《流水》,把思绪涌进纯静的幻想里…… 放一首守心惜安的佛樊曲《心...
    贺卿茵阅读 346评论 0 3
  • 张北路姜博士眼镜郑文丽日精进218天,相互鼓励,共同进步。 1、比学习:每天半小时学习,提高自己的专业知识水平 2...
    af13e377fae3阅读 230评论 0 0
  • 古铜色的脸上 永远挂着暖人心的微笑 久久不见 万语千言化作平淡 隔着时间这层屏障 她发现他老了 他生她的时候 就已...
    马几道阅读 127评论 0 0
  • 今天我们有五项测试 一共是 很难的测试 而我却全部都测完了 哦 其实做了两个 我一项是排球的一项是 单脚立地 我拍...
    橙子哥阅读 170评论 0 0