如何禁用 `el-tree` 的复选框功能，只保留单选？

要在 Vue 中的 `el-tree` 组件中禁用复选框功能并仅启用单选，你需要修改它的默认配置。`el-tree` 提供了一个 `check-strictly` 属性来控制节点的选择模式。将此属性设置为 `true` 可以确保每次只有一个节点被选中，其他节点会被取消选中。

下面是具体的步骤：

1. 首先，在你的 Vue 组件中引入 `element-ui` 并安装它，如果还没有安装，可以运行命令：

   npm install element-ui --save

2. 然后，在你的 `.vue` 文件中导入 `ElTree` 组件和相关的样式：

   <template>
     <div>
       <el-tree
         ref="tree"
         :data="treeData"
         node-key="id"
         check-strictly="true" <!-- 添加这行代码 -->
         @node-click="handleNodeClick"
       ></el-tree>
     </div>
   </template>

3. 更新你的 JavaScript 代码，保持之前的节点点击处理函数 `handleNodeClick`：

   methods: {
     handleNodeClick(node) {
       // 单选逻辑，这里不需要更改
       // ...
     }
   },

现在，当你点击树中的节点时，`el-tree` 将会自动取消其他节点的选择，确保每次只能有一个节点被选中。如果你之前已经有一些节点被选中，它们会被自动取消选中。