要实现在新浏览器标签页中打开当前tab内容，需用其对应url（如/user/list?status=1）调用window.open(href, '_blank')；tab的href应预先存于lay-id对应的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：

深蓝色网站后台管理系统layui框架模板-AdminPro

一款深蓝色网站后台管理系统layui框架模板

下载

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 状态 —— 新标签页是干净上下文，所有数据请求、渲染逻辑必须在目标页面内完整实现