具體問題場景：
用戶點擊父節點復選框將其從半選變為全選（此時子節點尚未加載）。
點擊節點展開觸發懶加載，加載子節點。
子節點加載后，組件重新計算父節點狀態，發現并非所有子節點被選中，因此父節點恢復半選狀態

解決方案：
核心思路：手動維護狀態一致性
在父節點被手動全選時，即使子節點未加載，仍需保證：
當子節點加載后，自動選中所有子節點
強制更新父節點狀態

1. 記錄用戶手動全選操作
2. 在復選框勾選事件中捕獲全選操作
3. 在懶加載子節點后強制選中子節點
4. 清理狀態記錄（在節點折疊時清理狀態記錄，避免殘留狀態影響后續操作）

代碼：

<template><el-treeref="tree":data="treeData"lazy:load="loadNode"show-checkboxnode-key="menuId"@check="handleCheck"@node-collapse="handleNodeCollapse"></el-tree>
</template><script>
export default {data() {return {treeData: [],forcedFullCheckedNodes: new Set()};},methods: {async loadNode(node, resolve) {try {// 1. 加載子節點const children = await this.fetchChildren(node.data.menuId);// 2. 如果父節點曾被強制全選，標記子節點為選中if (this.forcedFullCheckedNodes.has(node.data.menuId)) {children.forEach(child => {child.checked = true;child.indeterminate = false;});}resolve(children);// 3. 強制刷新父節點狀態this.$nextTick(() => {this.$refs.tree.updateNode(node);});} catch (error) {resolve([]);}},handleCheck(checkedNode) {// 檢測是否是手動全選操作const isManualFullCheck = !checkedNode.children && //節點沒有子節點（或子節點未加載）checkedNode.indeterminate && //節點之前處于半選狀態this.$refs.tree.getCheckedKeys().includes(checkedNode.menuId);//節點當前已全選if (isManualFullCheck) {this.forcedFullCheckedNodes.add(e.menuId);}},handleNodeCollapse(collapsedNode) {// 節點折疊時清除狀態記錄this.forcedFullCheckedNodes.delete(collapsedNode.menuId);}}
};
</script>

---

data中定義數據為什么使用forcedFullCheckedNodes: new Set()？

用`Set`來跟蹤那些被強制全選的節點，以確保即使子節點加載后，父節點的狀態仍保持正確。
Set是JavaScript中的一種數據結構，可以自動保證存儲的節點 ID 唯一，避免重復添加相同節點。用forcedFullCheckedNodes來記錄那些被用戶手動全選的節點ID，這樣在加載子節點時，可以檢查父節點是否在這個Set中，如果是，就強制其子節點為全選狀態，從而保持父節點的全選狀態。

為什么選擇new Set()而不是其他數據結構，比如數組。Set提供了高效的查找和添加操作，因為Set的has和add方法的時間復雜度接近O(1)，而數組的includes和push可能需要遍歷，效率較低。尤其是當節點數量較多時，使用Set會更高效。

---

在節點折疊時清理狀態（如從 forcedFullCheckedNodes 中移除節點 ID）的原因主要有以下幾點：

1. 避免狀態殘留干擾后續操作
場景：用戶手動全選父節點 → 展開節點加載子節點并強制全選 → 折疊節點（子節點可能被銷毀或隱藏）。
風險：若保留父節點的強制全選標記，當用戶再次展開時，會重新觸發懶加載，此時如果父節點仍在 forcedFullCheckedNodes 中，會重復強制全選子節點，導致以下問題：
若用戶之前已手動取消某些子節點，重復強制全選會覆蓋用戶操作。
若數據已通過其他方式（如后端保存的 checkedKeys）初始化，強制標記會引發狀態沖突。

2. 符合用戶直覺
用戶預期：折疊操作通常意味著“暫時不再關注該節點”，此時清理臨時狀態更符合直覺。
示例：用戶手動全選父節點 → 展開處理子節點 → 折疊節點（視為操作完成）。后續再次展開時，父節點應基于當前實際子節點的選中狀態（如從后端獲取的最新狀態）決定顯示全選/選，而非依賴臨時標記。

3. 性能優化
內存管理：動態樹結構可能有大量節點，及時清理不再需要跟蹤的節點，避免 forcedFullCheckedNodes 集合無限膨脹。
響應式開銷：在 Vue 中，若使用數組或普通對象存儲標記，頻繁操作可能觸發不必要的響應式更新。而 Set 雖高效，但需手動維護。

4. 與數據持久化配合
正確流程：
用戶手動全選父節點 → 立即將所有子孫節點的選中狀態提交后端保存。
折疊節點 → 清理 forcedFullCheckedNodes 中的臨時標記。
再次展開時 → 通過后端返回的完整 checkedKeys 初始化選中狀態，而非依賴內存中的臨時標記。
優勢：確保父子節點狀態始終基于持久化數據，而非臨時內存狀態，避免數據不一致。