点击已激活 tab 时只刷新对应 iframe，需先获取当前高亮 tab 的 lay-id，再定位同 lay-id 的 iframe 并重设其 src 属性触发重载，配合防抖及状态比对避免重复执行。
点击已激活 tab 时怎么只刷新对应 iframe
默认 tab 切换不重载内容，重复点击当前 tab 也不会触发任何动作——这是最常被忽略的前提。要让它“点一下就刷新”，关键不是监听切换，而是识别「当前 tab 是否已被激活」后再操作 iframe。
常见错误现象：element.on('tab(xxx)') 里直接写 reload，结果每次切换都刷、甚至点一次刷两次；或者用 location.reload() 刷了整个父页面。
- 先拿到当前高亮 tab 的
lay-id：$('.layui-tab-title .layui-this').attr('lay-id') - 再查同
lay-id的iframe元素：$('iframe[data-frameid="' + id + '"]')（推荐用data-frameid而非src匹配，避免 URL 动态参数干扰） - 重设
src属性触发强制重载：$iframe.attr('src', $iframe.attr('src'))，比contentWindow.location.reload()更安全，无跨域报错风险 - 加个简单防抖（比如 300ms 内不重复执行），防止手抖连点触发多次请求
为什么不能直接调用 iframe.contentWindow.location.reload()
因为跨域 iframe 会抛出 Blocked a frame with origin "xxx" from accessing a cross-origin frame 错误——哪怕只是读取 contentWindow 属性也会被拦截。
而重设 src 是浏览器原生行为，不涉及跨域访问，兼容所有场景（同域、跨域、本地 file 协议）。
- 同域下两者效果接近，但
src重赋值更可控 - 跨域时
reload()必挂，src重设仍可加载新页面 - 若 iframe 页面本身有 hash 或 query 参数，重设
src会保留完整 URL，不会丢失状态
如何区分“首次打开”和“重复点击”同一个 tab
element.on('tab(xxx)') 事件无法区分这两种情况——它只在 tab 被点击时触发，不管之前是否已激活。所以必须自己维护状态。
实操建议用一个变量记录上一次激活的 lay-id，并在回调里比对：
let lastActiveId = null;
element.on('tab(userTabs)', function(data) {
const currentId = $(data.elem).attr('lay-id');
if (currentId === lastActiveId) {
// 重复点击：执行刷新
const $iframe = $(`iframe[data-frameid="${currentId}"]`);
$iframe.attr('src', $iframe.attr('src'));
}
lastActiveId = currentId;
});
- 别用
data.index做判断——索引可能因动态增删 tab 而错位 - 别依赖
layui-show类名找 iframe——多个 tab 可能同时有该 class（如动画过渡期） - 如果 tab 是异步加载内容（比如 AJAX 渲染而非 iframe），那得在内容加载完成后手动触发重载逻辑，不能只靠 tab 事件
tab 切换后页面 JS 不生效？多半是没销毁旧实例
tab 复用 DOM，layui-tab-item 元素不会销毁重建，所以 ECharts、table、form 等组件不会自动重初始化。你看到的“没刷新”，其实是旧实例还在跑，新数据没进进去。
正确做法是在刷新 iframe 后，或在 tab 激活回调里，按需手动重载：
- 表格：调用
table.reload('yourTableId', { where: {...} })，不要重复table.render() - ECharts：先
myChart.dispose()，再myChart = echarts.init(...) - 表单验证：用
form.verify()重新绑定规则，或form.render()更新 UI - 避免在
element.on('tab(...)')里反复绑定 click 事件——每次切换都绑一次，点三次就触发九次
真正容易被忽略的是：iframe 刷新后，子页面的 JS 执行时机不可控。如果你在父页监听子页 onload，得确保子页明确触发 window.parent.postMessage，而不是依赖 DOM 加载顺序。
