el-tree复选框实现单选

要实现 el-tree 中的复选框单选功能，你可以通过监听节点的选中事件，并在事件处理函数中进行逻辑判断和操作。

首先，确保你已经正确地引入了 el-tree 组件和相关的样式。然后，在 el-tree 上添加一个 `@check-change` 事件监听器，用来响应节点的选中状态变化。

例如，你可以这样使用 el-tree：

<template>
  <el-tree
    :data="treeData"
    :props="treeProps"
    :default-checked-keys="checkedKeys"
    @check-change="handleCheckChange"
    show-checkbox
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        // 树节点数据
      ],
      treeProps: {
        // 树节点的配置项
      },
      checkedKeys: [], // 保存选中节点的 key
    };
  },
  methods: {
    handleCheckChange(checkedNode) {
      // 清空之前的选中状态
      this.checkedKeys = [];
      // 只保留当前选中的节点
      this.checkedKeys.push(checkedNode.node.key);
    },
  },
};
</script>

在 `handleCheckChange` 方法中，我们先清空之前的选中状态，然后将当前选中的节点的 key 添加到 `checkedKeys` 数组中。这样就实现了单选的效果。

需要注意的是，为了正确地渲染选中状态，你需要为每个节点设置一个唯一的 `key` 属性，并在 `checkedKeys` 数组中保存节点的 key 值。

希望对你有所帮助！如有任何疑问，请随时询问。