Element Plus Tree组件中，如何实现已禁用节点的清空操作？

在Element Plus的Tree组件中，如果你想实现已禁用节点的清空操作，通常你可以通过监听`tree-node-click`事件并在处理函数中判断节点是否禁用。如果节点被禁用，可以不执行清空操作。以下是大概的步骤：

1. 首先，在你的Vue组件中安装并引入Element Plus Tree组件。

<template>
  <el-tree :data="treeData" @node-click="handleNodeClick" ref="treeRef">
    <!-- 树节点配置 -->
  </el-tree>
</template>

2. 定义数据结构 `treeData` 并给每个节点添加一个布尔属性 `disabled` 表示是否禁用。

export default {
  data() {
    return {
      treeData: [
        { value: '1', label: '父节点1', disabled: false },
        //...
      ]
    };
  }
}

3. 创建事件处理器 `handleNodeClick`，检查节点是否禁用，并根据需求执行相应操作。例如，设置一个数组来记录禁用节点，然后在清空时跳过它们。

methods: {
  handleNodeClick(node) {
    if (node.disabled) {
      // 禁用节点忽略清空操作，不做任何处理
      console.log('禁用节点不执行清空');
    } else {
      // 对于正常节点执行清空操作
      this.clearNodes();
    }
  },
  
  clearNodes() {
    const nodesToClear = this.$refs.treeRef.nodes.filter(node => !node.isDisabled); // 过滤掉禁用节点
    nodesToClear.forEach(node => node.data = null); // 清空数据
    // 如果需要更新视图，还可以调用 refresh 或者 reset 方法
    this.$refs.treeRef.reset(); // 假设有这个方法
  }
}