可通过sessionstorage保存并恢复tab页状态：切换时存lay-id，加载时读取并激活对应tab，iframe需手动刷新确保内容更新。
无法完全阻止用户按 F5 刷新页面，但可以确保刷新后仍回到当前 Tab 页，不丢失状态。核心思路是：把当前激活的 Tab 标识（lay-id）存到 sessionStorage，页面加载时读取并自动激活对应 Tab。
保存当前 Tab 的 lay-id
在 Tab 切换事件中，每次成功激活一个 Tab，就把它对应的 lay-id 存入 sessionStorage：
- 监听
element.on('tab(xxx)')，回调里用$('.layui-tab-title .layui-this').attr('lay-id')获取当前激活项 ID - 执行
sessionStorage.setItem('activeTabId', id)，覆盖写入最新值 - 注意：这个逻辑要放在防重复判断之后、iframe 刷新之前，确保只存真正生效的切换
页面加载时恢复 Tab 状态
在页面初始化完成（比如 layui.use(['element', ...]) 回调内）立即执行恢复逻辑：
- 从 sessionStorage 读取：
const savedId = sessionStorage.getItem('activeTabId') - 若存在且对应 Tab 标签存在，手动触发一次点击：
$(`.layui-tab-title li[lay-id="${savedId}"]`).click() - 如果 Tab 是动态生成的，需确保 DOM 已渲染完成再执行；可加一层
setTimeout(..., 0)或监听element.render后再操作
配合 iframe 内容同步恢复
仅激活 Tab 不代表 iframe 内容已加载，尤其当 Tab 内嵌 iframe 时：
- 恢复 Tab 后，主动触发一次 iframe 刷新（复用你已有的 src 重设逻辑），避免显示旧缓存页
- 不要依赖 iframe 自动加载——有些浏览器在刷新后会保留 iframe 的滚动位置或表单输入，但内容可能已过期
- 如需保持 iframe 内部状态（如搜索条件、分页），需由 iframe 页面自身处理（例如读取 URL 参数或 localStorage）
补充说明
sessionStorage 的生命周期与标签页绑定，关闭页面即清除，符合“当前页面”语义；它比 localStorage 更安全，不会跨标签页干扰。不需要监听 beforeunload 或阻止 F5，默认行为无需干预，重点是做好状态兜底。
