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

在 Vue3 项目中结合 Vite 和 Element Plus 框架，如果你想要在 `el-tree` 组件中实现单个节点的选择而不是全选，你可以通过设置 `check-strictly` 属性来控制。`check-strictly` 设置为 `true` 时，只有直接点击节点才会勾选，而不会递归地选中其所有子节点。

以下是实现步骤：

1. 首先，在你的 `ElementPlus` 的 import 中引入 `ElTree` 组件：

   import { ElTree } from 'element-plus';

2. 然后，在你的组件模板里使用 `ElTree`，并添加 `check-strictly` 属性：

   <el-tree :data="treeData" :props="treeProps" :check-strictly="true" @check-change="handleCheckChange">
     <!-- ... -->
   </el-tree>

3. 定义 `treeData` 和 `treeProps` 数据结构，其中 `default-checked-keys` 可以用于初始选中特定节点：

   export default {
     data() {
       return {
         treeData: [
           // ... your node data with a unique 'id' property
         ],
         treeProps: {
           children: '__children__', // 树节点键
           label: 'name', // 标签字段
         },
         defaultCheckedKeys: [], // 初始化不选中，默认可以为空数组
       };
     },
     methods: {
       handleCheckChange(event) {
         const selectedNodes = event.nodes.filter(node => node.checked); // 获取选中的节点列表
         // 更新 `defaultCheckedKeys` 或者做其他处理
       }
     }
   }

4. 当用户在树上单击节点时，`handleCheckChange` 方法会被触发，你可以在这里更新 `defaultCheckedKeys` 或进行其他操作，比如存储选中的节点 ID 到本地状态或者 API。