layui tree 删除节点必须操作原始 data 数组，不能直接删 DOM；需递归过滤目标节点及其后代，更新 treeData 后调用 tree.render()；开启复选框时须同步清理勾选状态。
layui tree 删除节点必须操作原始 data 数组，不能直接删 DOM
layui tree 渲染后，dom 和数据已脱钩。你用 $('li[data-id="123"]').remove() 或 jquery 移除元素，下次调用 tree.render() 会立刻恢复——它只认你传进去的 data 数组。真正有效的删除，只能从源头数据下手。
- 维护一份全局树数据，比如叫
treeData，所有增删改都基于它 - 删除前先确认该节点是否已在
treeData中（懒加载未展开的子节点可能还没加载进数组） - 必须递归过滤掉目标节点及其全部后代，不能只删一级
children - 删完立即调用
tree.render({ elem: '#tree', data: treeData })，否则界面无变化
递归删除某节点及其所有子节点的正确写法
靠 Array.prototype.filter() + 递归函数实现干净过滤。关键点是：用 id 做唯一标识，且函数要返回新数组（不可 mutate 原数组）。
function removeNodeById(data, targetId) {
return data.filter(node => {
if (node.id === targetId) return false; // 跳过该节点
if (node.children && node.children.length) {
node.children = removeNodeById(node.children, targetId);
}
return true;
});
}
// 使用示例
treeData = removeNodeById(treeData, 123);
tree.render({ elem: '#tree', data: treeData });
注意：如果节点有 children 但从未展开过（懒加载），它的 children 可能为空或根本不存在字段，此时递归不会深入，也无需担心——因为那些子节点压根不在当前 treeData 里。
开启 showCheckbox: true 后，删除节点 checkbox 状态错乱怎么办
layui 内部维护了一套勾选状态缓存，不随 data 变动自动同步。删了一个已勾选的节点，但没清理勾选记录，重绘后可能出现“半选”残留或勾选丢失。
- 删除前调用
tree.checkStatus('demoId')获取当前勾选的id数组 - 删完节点后，用
filter剔除已不存在的 id：checkedIds = checkedIds.filter(id => findNodeById(treeData, id)) - 再调用
tree.setChecked('demoId', { checked: checkedIds })（layui 2.8+ 支持） - 如果用旧版 layui，得自己 patch 或重置整个勾选逻辑
批量删除多个节点时别频繁调用 tree.render()
每删一个就 render 一次，会触发多次重绘，卡顿明显，尤其树深较大时。
- 把要删的多个
id收集起来，一次性递归过滤treeData - 只在最后调用一次
tree.render() - 如果涉及 checkbox 同步，也只需取一次
checkStatus()，再一次性setChecked() - 懒加载节点若跨层级被删，确保其父级
spread: true已设，否则删了也看不见效果
最易被忽略的是懒加载场景下子节点实际未载入 treeData，此时你以为删了整棵子树，其实只删了空壳；真要彻底删，得先保证数据已完整拉取或后端配合级联删除。
