切换Tab时自动刷新对应iframe，需监听tab切换事件获取lay-id，用data-frameid精准匹配iframe，通过重设带时间戳的src触发加载，缓存lastActiveId防重复触发。
切换 Tab 时自动刷新当前 iframe，核心是监听 tab 切换事件、精准定位对应 iframe、安全重载其内容，同时避免跨域报错和重复触发。
监听 tab 切换并获取当前激活 ID
使用 Layui 的 element 模块监听 tab 事件，从高亮的 tab 标签中读取 lay-id：
- 确保每个 tab 标签都设置了唯一的
lay-id属性（如lay-id="user-list"） - 在回调中用
$('.layui-tab-title .layui-this').attr('lay-id')获取当前激活项 ID - 不要依赖
data.index或 DOM 顺序，它们不可靠
精准定位并刷新对应 iframe
iframe 必须与 tab 标签通过标识关联，推荐用 data-frameid 匹配：
- 每个 iframe 添加
data-frameid="user-list"，值与 tab 的lay-id一致 - 用
$('iframe[data-frameid="' + id + '"]')查找目标 iframe 元素 - 执行
$iframe.attr('src', $iframe.attr('src') + '?t=' + Date.now())触发真实加载 - 不使用
contentWindow.location.reload()—— 跨域时会报错
防止重复点击连刷
layui 的 tab 事件对同一 tab 的多次点击都会触发，需手动去重：
- 声明变量
let lastActiveId = ''缓存上一次激活的 ID - 进入回调后先比对：
if (id === lastActiveId) return; - 比对通过后再执行 src 重设，并立即更新
lastActiveId = id - 不依赖
.layui-show判断是否显示——它和 iframe 加载不同步
补充：动态 Tab 场景下的注意事项
若 Tab 是运行时添加（如菜单从接口加载），需确保：
- 新增 Tab 时，iframe 的
data-frameid和 tab 的lay-id严格一致 - iframe 的
src值带完整路径，避免相对路径导致跨域或 404 - 首次打开 Tab 时不刷新（只在重复点击已激活 Tab 时刷新），符合常规交互预期
- 调试时可在重设 src 前加
console.log('refreshing:', id)验证逻辑是否命中
