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


相关文章
|
2月前
|
前端开发 网络安全 数据库
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
使用layui弹框实现添加时,当添加成功之后如何进行关闭当前窗口刷新父页面的数据
|
7月前
layui_03动态选项卡Tab&iframe使用
layui_03动态选项卡Tab&iframe使用
34 0
|
8月前
点击button页面重新加载刷新
点击button页面重新加载刷新
28 0
|
8月前
|
自然语言处理 JavaScript 前端开发
LayUI之动态选项卡Tab&iframe使用
LayUI之动态选项卡Tab&iframe使用
164 0
|
12月前
|
索引
08-多表单切换-frame/iframe
08-多表单切换-frame/iframe
|
JavaScript 前端开发
css:隐藏input file标签并触发点击上传文件事件
css:隐藏input file标签并触发点击上传文件事件
502 0
css:隐藏input file标签并触发点击上传文件事件
|
JavaScript 测试技术 索引
Easyui 关闭jquery-easui tab标签页前触发事件
Easyui 关闭jquery-easui tab标签页前触发事件
85 0
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
185 0
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
|
JavaScript
Layui-admin-iframe通过页面链接直接在iframe内打开一个新的页面,实现单页面的效果
Layui-admin-iframe通过页面链接直接在iframe内打开一个新的页面,实现单页面的效果
711 0
Layui-admin-iframe通过页面链接直接在iframe内打开一个新的页面,实现单页面的效果
【layer】ifreme弹出层问题,导致代码失效 ——关闭当前弹出层
【layer】ifreme弹出层问题,导致代码失效 ——关闭当前弹出层
103 0
【layer】ifreme弹出层问题,导致代码失效 ——关闭当前弹出层