vue el-tree实现单选

要实现 Vue 的 el-tree 单选功能，你需要做以下几个步骤：

1. 首先，在 Vue 组件中引入 el-tree 组件，并绑定数据源和选中节点的变量，例如：

<template>
  <el-tree
    :data="treeData"
    :props="treeProps"
    @node-click="handleNodeClick"
    :default-checked-keys="checkedKeys"
    show-checkbox
    :check-strictly="true"
    :default-expanded-keys="expandedKeys"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        // 树节点数据
      ],
      checkedKeys: [],
      expandedKeys: []
    };
  },
  methods: {
    handleNodeClick(data) {
      // 处理节点点击事件
      this.checkedKeys = [data.id]; // 设置选中的节点
    }
  },
  computed: {
    treeProps() {
      // 配置树节点的显示属性
      return {
        children: 'children',
        label: 'label',
        isLeaf: 'isLeaf'
      };
    }
  }
};
</script>

2. 在上述代码中，我们使用了 `show-checkbox` 属性来显示复选框，`@node-click` 监听节点点击事件，`check-strictly` 设置为 `true` 表示只能选择一个节点。

3. 在 `handleNodeClick` 方法中，我们将点击的节点设置为选中节点，并更新 `checkedKeys` 数组。

这样，当你点击某个节点时，就会触发 `handleNodeClick` 方法，实现单选功能。

同时，你可以根据实际需求修改 `treeData` 的数据结构和节点属性，以适配你的业务需求。