elementPlus框架中使用el-tree组件实现不需要整个node去选择，只需要单个选中就行

在Element Plus的`el-tree`组件中，实现单个节点选中而非整个树节点可以选择的功能，你需要在组件内部处理节点点击事件（如`node-click`），并且维护每个节点的独立选中状态。以下是一个基本的步骤：

1. **初始化数据**：在数据模型中为每个节点添加一个`selected`属性，用于标识节点是否被选中，默认为`false`。

2. **节点渲染**：在模板里，可以绑定一个计算属性来根据节点的`selected`属性渲染选中图标或者CSS样式。

3. **处理节点点击**：在`node-click`事件处理器中，选中目标节点并清除其子节点的选中状态。

<template>
  <el-tree
    :data="treeData"
    node-key="id"
    :default-expand-all="false" // 可选，防止默认展开导致选中所有子节点
    @node-click="handleNodeClick"
  >
    <span slot-scope="{ node }">
      <!-- 使用计算属性动态渲染选中状态 -->
      <span v-if="node.selected" class="selected-icon"></span>
      {{ node.label }}
    </span>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [] // 根据实际数据填充
    };
  },
  computed: {
    isNodeSelected(node) {
      return node.selected;
    }
  },
  methods: {
    handleNodeClick(node) {
      // 点击当前节点时，取消子节点的选中状态
      node.children.forEach(child => (child.selected = false));

      // 设置当前节点的选中状态
      node.selected = !node.selected;
    },
  },
};
</script>