elementui 树形控件单选

要实现ElementUI树形控件的单选功能，你可以使用`el-tree`组件结合自定义节点模板来实现。

首先，在你的Vue组件中引入`el-tree`组件和相关数据：

<template>
  <div>
    <el-tree :data="treeData" :props="treeProps" @node-click="handleNodeClick"></el-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          id: 1,
          label: '节点1',
          children: [
            {
              id: 11,
              label: '节点1-1'
            },
            {
              id: 12,
              label: '节点1-2'
            }
          ]
        },
        {
          id: 2,
          label: '节点2',
          children: [
            {
              id: 21,
              label: '节点2-1'
            },
            {
              id: 22,
              label: '节点2-2'
            }
          ]
        }
      ],
      selectedNodeId: null
    }
  },
  computed: {
    treeProps() {
      return {
        children: 'children',
        label: 'label',
        isLeaf: node => !node.children
      };
    }
  },
  methods: {
    handleNodeClick(data) {
      this.selectedNodeId = data.id;
    }
  }
}
</script>

在上述代码中，我们使用了`el-tree`组件来展示树形结构，并通过`data`属性传递树形数据。同时，我们使用`props`属性来指定节点的显示文本和子节点的字段名。在`@node-click`事件中，我们通过`handleNodeClick`方法来处理节点的点击事件，并将选中节点的`id`保存到`selectedNodeId`属性中。

此时，你可以使用`selectedNodeId`属性来获取当前选中节点的`id`，从而实现树形控件的单选功能。你可以根据自己的实际需求，对选中节点进行样式或逻辑处理。

希望能帮助到你！如果有任何问题，请随时提问。