要实现在新浏览器标签页中打开当前Tab内容，需用其对应URL（如/user/list?status=1）调用window.open(href, '_blank')；Tab的href应预先存于lay-id对应<li>的data-href中，并确保路径为可访问的绝对路径。
不能直接“把当前 Tab 页复制到新浏览器标签页”，因为 layui 的 Tab 是前端单页应用（SPA）内的 DOM 切换，不是真实浏览器 tab。要实现“在新浏览器标签页中独立打开当前 Tab 内容”，本质是：**用当前 Tab 所承载的 URL（或参数）重新加载一个完整页面**。
确认当前 Tab 的真实地址来源
layui Tab 的 content 通常有两种加载方式：
-
用 href 加载：如
content: { href: '/user/list?status=1' }—— 这是最推荐的方式，URL 明确、可直接复用 -
用 HTML 字符串加载：如
content: '<div id="user-table"></div>'—— 此时无真实 URL，需你预先约定对应页面路径（例如统一映射为/user/list.html）
获取当前激活 Tab 的 ID 和 URL
先监听 Tab 切换，拿到当前 Tab 的 lay-id 和它关联的 href：
element.on('tab(mainTab)', function(obj){
const $titleLi = $(obj.elem).siblings('.layui-tab-title').find('>li.layui-this');
const tabId = $titleLi.attr('lay-id');
const href = $titleLi.data('href'); // 建议在添加 Tab 时就存好：$titleLi.data('href', '/user/list?status=1')
// 后续用 window.open 打开
if (href) {
window.open(href, '_blank');
}
});
给 Tab 添加“在新页打开”按钮（推荐）
在 Tab 标题右侧加一个图标按钮，点击即新开浏览器标签页：
- 添加按钮 HTML（在 tabAdd 时注入）：
<i class="layui-icon layui-icon-temple" data-open-new></i> - 绑定事件（委托到标题栏）：
$('.layui-tab-title').on('click', '[data-open-new]', function(){ const $li = $(this).closest('li'); const href = $li.data('href'); if (href && href.trim()) { window.open(href, '_blank'); } });
注意事项
以下三点容易出错，务必检查：
-
href 必须是完整可访问路径，不能是相对路径如
list.html（可能因当前 URL 上下文导致 404），建议用绝对路径/user/list.html或带协议的完整地址 -
参数需 encodeURIComponent 编码，尤其含中文、斜杠、问号时，例如：
/detail?id=abc&name=%E5%BC%A0%E4%B8%89 - 新页面需自行初始化表格或内容，不能依赖原 Tab 的 JS 状态 —— 新标签页是干净上下文，所有数据请求、渲染逻辑必须在目标页面内完整实现
