应先确认lay-filter值并确保容器结构完整，再遍历删除非首个Tab的DOM、内容区、iframe实例，最后显式激活首个Tab并调用tabChange同步状态；频繁操作时建议全量重建。
直接清空所有 Tab 并只留第一个，不能只删 DOM 或只调 API —— 必须同步清理数据缓存、DOM 节点、iframe 实例和激活状态，否则会出现空白页、切换异常或内存泄漏。
先确认 filter 和当前容器
找到你初始化 tab 时用的 lay-filter 值（比如 lay-filter="mainTab"），这是后续所有操作的前提。同时确保 tab 容器结构完整，例如：
删除除第一个外的所有 Tab
推荐用 lay-id 精准控制，避免索引错位。假设第一个 Tab 的 lay-id="home"，其余都需清除：
- 遍历所有
.layui-tab-title li，跳过lay-id="home"的项，记录其余lay-id - 对每个待删项，先移除对应 DOM：
$('li[lay-id="xxx"]').remove() - 再删内容区：
$('.layui-tab-content .layui-tab-item').has('li[lay-id="xxx"]').remove()（或用索引匹配） - 若含
<iframe></iframe>，取出后执行iframe.contentWindow?.close?.()或设iframe.src = 'about:blank'
重置激活态与内部状态
删完后，必须显式激活第一个 Tab，并通知 layui 刷新状态：
- 手动加 class：
$('.layui-tab-title li').first().addClass('layui-this') - 显示对应内容：
$('.layui-tab-content .layui-tab-item').first().addClass('layui-show') - 调用
element.tabChange('mainTab', 'home')，确保内部映射、右键菜单、切换逻辑一致
可选：彻底清空再重建（更稳妥）
如果 tab 频繁增删、状态混乱，建议走「全量重建」流程：
- 先保存第一个 Tab 的标题和内容（HTML 或 DOM 节点）
- 清空整个
.layui-tab-title和.layui-tab-content - 用
element.tabAdd()重新添加一个 Tab，id 设为'home'，填入原内容 - 立即
element.tabChange()激活它
