layer.tab 的 tabs 参数必须是数组，每个元素为含 title 和 content 属性的对象；title 为字符串，content 可为字符串、DOM ID 或返回字符串的函数，type: 2 时 content 必须为 URL。
layer.tab 传入的 tabs 参数必须是数组，不是对象
很多人直接写 {title: '用户', content: 'xxx'} 发现标签页不显示，因为 layer.tab 的 tabs 选项只接受数组，每个元素必须是包含 title 和 content 属性的对象。传错类型会导致整个弹窗空白或报 cannot read property 'length' of undefined。
-
tabs必须是数组，哪怕只有一个标签页也要写成[{title: '首页', content: '...'}] -
title是字符串，不支持 DOM 节点或 jQuery 对象；content可以是字符串、DOM ID（如'#user-panel'）、或返回字符串的函数 - 如果
content是 ID 字符串，对应元素需已存在于页面中且不可被display: none隐藏（否则高度计算异常）
用函数动态生成 content，避免 DOM 提前渲染混乱
多个标签页若共用同一块 HTML 片段（比如都用 <div id="table-wrap"></div>），直接写死 ID 会导致所有 tab 渲染到同一个容器，切换时内容错乱。正确做法是让 content 返回新生成的 DOM 字符串，或每次返回独立 ID 的片段。
- 推荐写法：
content: function() { return '<div class="tab-content">用户列表</div>'; } - 若需初始化 JS 组件（如表格、表单），在
success回调里按当前激活 tab 的索引操作，例如：layer.getChildFrame('body', index).find('.layui-table') - 避免在
content里写<script></script>标签——Layui 不执行内联脚本，JS 需统一在success或外部初始化
tab 切换后如何触发对应逻辑（比如加载数据）
layer.tab 本身不提供 tab 切换事件监听，但可通过 layer.ready() + 手动绑定 .layui-tab-title li 点击来实现。注意：弹窗 DOM 是动态插入的，必须等 layer 渲染完成再绑定。
- 在
success回调里获取弹层 iframe 或主体 DOM：var body = layer.getChildFrame('body', index);（如果是 page 模式）或直接查$('.layui-layer .layui-tab-title li') - 监听切换：用
$(document).on('click', '.layui-tab-title li', function(){...})，并用$(this).index()获取当前 tab 索引 - 首次打开默认激活第 0 个 tab，但不会触发 click 事件，需要手动执行一次初始化逻辑
layer.tab 在 iframe 模式下 content 写法不同
当 type: 2（iframe 模式）时，tabs 数组里的 content 必须是 URL 字符串，不能是 HTML 片段或函数。这点和 type: 0（页面内模式）完全不同，混用会白屏。
-
type: 0（默认）：content 可为字符串 / ID / 函数 -
type: 2：content 必须是合法 URL，例如'user/list.html'，且目标页面需自行引入 layui 和初始化 - 不要试图在
type: 2下传 HTML 字符串——iframe 无法渲染它，控制台会提示Failed to load resource
layer.tab 对参数结构敏感，尤其 tabs 类型、content 形式、type 模式三者必须严格匹配，稍有偏差就静默失败。实际项目里最常卡在 content ID 被复用或 iframe 模式误传字符串，建议先用纯字符串 content 跑通，再逐步接入复杂逻辑。
