vue el-tree 实现单选

要实现单选功能，你可以使用 vue-el-tree 组件的 `node-click` 事件和 `check-strictly` 属性配合使用。下面是一个简单的示例代码：

<template>
  <el-tree
    :data="treeData"
    :props="treeProps"
    :default-expand-all="true"
    :check-strictly="true"
    @node-click="handleNodeClick"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          label: '节点1',
          children: [
            { label: '子节点1-1' },            { label: '子节点1-2' }
          ]
        },
        {
          label: '节点2',
          children: [
            { label: '子节点2-1' },
            { label: '子节点2-2' }
          ]
        }
      ],
      treeProps: {
        children: 'children',
        label: 'label'
      },
      selectedNode: null
    };
  },
  methods: {
    handleNodeClick(data) {
      this.selectedNode = data;
    }
  }
};
</script>

在上面的示例中，`treeData` 是树的数据源，`treeProps` 是配置项，`selectedNode` 是选中的节点。通过 `node-click` 事件，当用户点击树的节点时，会触发 `handleNodeClick` 方法，将当前点击的节点赋值给 `selectedNode`。

设置 `check-strictly` 属性为 `true`，可以确保每个节点只有一个状态（选中或非选中）。如果需要取消选中节点，可以再次点击该节点。

请注意，以上示例仅演示了如何实现单选功能，你可能需要根据实际需求进行相应的调整和扩展。