el-tree实现单选

在Element UI库中，`el-tree`组件是一个用于渲染树形结构的数据列表，它可以方便地实现单选功能。如果你想让`el-tree`中的每个节点只能被选中一次，你可以结合`check-strictly`属性和`node-key`属性一起使用。

1. `check-strictly`属性：设置为`true`时，会启用严格的单选模式，即同一级的节点只能选择一个。

<el-tree :data="treeData" :check-strictly="true" node-key="id">
  <!-- ... -->
</el-tree>

2. `node-key`属性：这是为了在数据中唯一标识每个节点，你需要确保每个节点有一个唯一的`id`或者其他可以用来标识的字段。

3. 如果你的树结构是动态加载或者你有自定义的节点交互逻辑，你还需要配合`default-checked-keys`或`default-checked`属性来初始化选中的节点。

4. 当点击一个节点进行切换时，你可能需要监听`check`事件来处理状态变化，例如：

<template>
  <el-tree
    :data="treeData"
    :check-strictly="true"
    node-key="id"
    @check-change="handleCheckChange"
  ></el-tree>
</template>

<script>
export default {
  methods: {
    handleCheckChange(node, checked) {
      // 在这里可以获取当前被选中的节点，并根据业务逻辑更新状态
      console.log('Node with id', node.id, 'is now checked:', checked);
    }
  }
}
</script>