Layui tree组件勾选状态不自动同步到数据源，需调用tree.getChecked('id')获取已勾选节点数组，再map提取id；注意配置idName及确保节点含id字段，监听应使用click回调而非form.on。
tree 组件勾选状态不是实时同步到数据源的
layui 的 tree 组件默认不会自动把勾选状态写回原始数据，data 传进去什么样，它内部就按那样渲染，勾选只是 ui 层状态。所以不能直接遍历原始数据找 checked: true —— 那些字段压根没被更新。
正确做法是调用 tree.getChecked()，这是 Layui 提供的专用方法，返回当前所有已勾选节点的完整数据对象数组（含 id、title 等字段）。
- 必须确保 tree 已完成渲染且绑定了
id字段（Layui 依赖id做节点标识） - 如果原始数据里用的是
value或key而非id，需在初始化时通过idName参数显式指定：idName: 'value' -
getChecked()返回的是深拷贝对象，修改它不影响树组件本身
如何提取所有勾选节点的 ID 数组
拿到 getChecked() 返回的结果后，用 map() 提取 id 即可。注意：如果节点数据结构不统一（比如部分节点没 id），得加判断。
const checkedNodes = layui.tree.getChecked('treeDemo'); // 'treeDemo' 是 render 时传的 elem id
const checkedIds = checkedNodes.map(node => node.id);
更稳妥的写法（过滤掉缺失 id 的节点）：
const checkedIds = checkedNodes .filter(node => node.id !== undefined && node.id !== null) .map(node => node.id);
- 不要用
forEach+ push，没必要多声明变量 - 如果后端要求字符串 ID（如后端接口只认字符串），统一转成字符串：
.map(node => String(node.id)) - 若树支持半选（
showCheckbox: true且有子节点部分勾选），getChecked()只返回完全勾选的节点，不包括半选节点
监听勾选变化并实时获取 ID 列表
如果需要在用户每次勾选/取消时立刻响应，得在 click 回调里手动触发 getChecked()，因为 Layui tree 没提供专门的 check 事件。
layui.tree.render({
elem: '#treeDemo',
data: treeData,
click: function(obj){
const ids = layui.tree.getChecked('treeDemo').map(n => n.id);
console.log('当前勾选ID：', ids);
}
});
-
obj参数里的obj.checked表示**当前点击节点**的新勾选状态，不是全量状态 - 别在
click里只读obj.data.id—— 这只能拿到一个节点，漏掉其他已勾选的 - 如果树节点很多（上千级），频繁调用
getChecked()几乎无性能压力，它是 O(n) 遍历内部缓存，不是 DOM 查询
常见错误：用 layui.form.on('checkbox') 监听失效
有人试图用 Layui 表单模块的 checkbox 事件监听 tree 里的复选框，这行不通。tree 的复选框是动态生成的 DOM，且未被 form.render() 管理，form.on('checkbox') 完全捕获不到。
- 根本原因是 tree 组件自建 checkbox 结构，绕过了 form 模块的事件绑定机制
- 强行给 tree 内部 checkbox 绑原生
click事件也容易出错（事件冒泡、重复绑定、节点销毁后残留监听） - 唯一可靠方式就是走
tree.render的click回调 +getChecked()
idName 配置和 getChecked() 的参数（必须传 render 时指定的容器 ID）。这两个点卡住，返回的就是空数组，但控制台又没报错，容易以为是 API 问题。
