layui tab 默认激活页需在初始化完成后调用 element.tabChange('容器名', 'lay-id')；动态添加后须确保所有 tabAdd 完成再执行；避免依赖 DOM 顺序，始终用 lay-id 标识；刷新保持状态需结合 localStorage 读写。
layui tab 怎么用 change 切换默认激活页
layui 的 tab 组件没有直接的 defaulttab 配置项，所谓“默认选中”本质是初始化后立刻触发一次切换动作。最稳妥的方式是在 element.tabadd() 或 element.tabchange() 后手动调用 element.tabchange() 指定 lay-id。
- 必须等
element.init()完成后再操作，否则tabChange无效 - 传入的 lay-id 必须和
tabAdd()时指定的完全一致（区分大小写、空格） - 如果 tab 是动态生成的，确保在 add 完所有面板后再执行 change
示例：
element.tabAdd('demo', {
title: '用户管理',
content: '<p>内容</p>',
id: 'user'
});
element.tabChange('demo', 'user'); // 这句才真正激活
layui 2.8+ 中 elem.find('.layui-tab-item') 顺序错乱怎么办
新版 layui 对 tab 内容渲染做了优化，.layui-tab-item 的 DOM 顺序可能和添加顺序不一致，导致靠索引（如 :eq(0)）设默认项失败。
- 别用
$('.layui-tab-item').eq(0).show()这类 jQuery 方式控制显示隐藏 - 始终依赖
lay-id字段，它是唯一可靠的标识符 - 如果必须按顺序操作，先用
$('.layui-tab-title li')获取标题项，再从其lay-id属性反推对应内容
tab 默认选中失效的三个典型场景
常见不是代码写错，而是时机或结构没对上：
- tab 容器本身加了
style="display:none"—— layui 初始化时会跳过隐藏元素，后续tabChange无响应 - 页面用了多个
layui.use(['element'], ...)块，但element实例被重复初始化，导致事件绑定丢失 - tab 标签页里嵌了 iframe 或异步加载内容，而
tabChange执行太早，目标lay-id还没注册进 element 实例
如何让某个 tab 页刷新后仍保持上次选中状态
layui 本身不保存状态，得自己补一层逻辑。核心是读写 localStorage，并在 tab 切换时更新键值。
- 初始化时先查
localStorage.getItem('layui_tab_demo_active')，有值就传给tabChange - 监听
element.on('tab(demo)', ...)，拿到elem.attr('lay-id')存进去 - 注意：不同 tab 容器要用不同 key，比如
layui_tab_user_active和layui_tab_log_active
这一步漏掉，用户刷新页面就回到第一个 tab，体验断层很明显。
