防止重复打开页面需“先查再开”：检查lay-id（如"user/list"）是否已存在，存在则激活，否则新增；lay-id须唯一稳定，推荐用路径或模块编码；带参数url应提取主键作id，参数留iframe src中。
防止重复打开同一个页面，核心是“先查再开”——每次点击菜单时，不直接添加新 tab，而是先检查目标页面是否已存在，存在就激活，不存在才新增。
用 lay-id 做唯一标识
每个 tab 必须设置唯一且稳定的 lay-id，推荐用页面路径（如 "user/list"）或后端返回的模块编码，避免用随机数或时间戳。这个 id 将作为判断“是否已打开”的依据。
- 添加 tab 时显式传入
id：element.tabAdd('filterName', {id: 'user/list', title: '用户列表', content: '<iframe data-frameid="user/list" src="user/list.html"></iframe>'}) - iframe 同步加上
data-frameid="user/list"，便于后续精准定位和刷新
点击菜单时先查找已有 tab
监听菜单点击后，用 jQuery 查找是否存在对应 lay-id 的 tab 标题项：
- 执行
$('.layui-tab-title .layui-tab-item[lay-id="user/list"]').length > 0 - 若存在，调用
element.tabChange('filterName', 'user/list')激活它 - 若不存在，再走
tabAdd()流程
避免因 URL 参数导致误判
如果页面带 query 或 hash（如 order/detail?id=123），不要把完整 URL 当作 lay-id。应提取业务主键（如 "order/detail"）作为 id，参数保留在 iframe 的 src 中即可。
- 例如：tab id 设为
"order/detail"，iframe src 写成"order/detail.html?id=123" - 这样既能复用 tab，又不影响具体数据加载
配合 sessionStorage 记录已打开状态（可选增强）
对复杂场景（如多级菜单、嵌套路由），可在打开 tab 时存一份映射关系到 sessionStorage：
sessionStorage.setItem('openedTabs', JSON.stringify(['user/list', 'role/manage']))- 切换前先读取比对，比 DOM 查询更快，也方便做 tab 数量限制或关闭清理
