el-tree添加单选按钮

要在 el-tree 中添加单选按钮，你可以使用以下步骤：

1. 在 el-tree 的每个节点中添加一个单选按钮的输入框。
2. 为每个节点的输入框绑定一个唯一的值，例如节点的 id。
3. 使用 v-model 指令将每个节点的选中状态与一个数据属性进行绑定。
4. 在 el-tree 的节点模板中使用 el-radio 组件来展示单选按钮，并将其绑定到对应节点的选中状态。

下面是一个示例代码：

<template>
  <el-tree :data="treeData" :props="treeProps" node-key="id">
    <template v-slot="{ node, data }">
      <el-radio v-model="selectedNodeId" :label="data.id"></el-radio>
      {{ node.label }}
    </template>
  </el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        { id: 1, label: 'Node 1' },
        { id: 2, label: 'Node 2' },
        { id: 3, label: 'Node 3' },
      ],
      selectedNodeId: null,
    };
  },
  computed: {
    treeProps() {
      return {
        children: 'children',
        label: 'label',
        isLeaf: 'isLeaf',
      };
    },
  },
};
</script>

在上面的代码中，我们使用 el-tree 组件展示一个树形结构，并为每个节点添加了一个 el-radio 组件作为单选按钮。通过 v-model 指令，将每个节点的选中状态与 selectedNodeId 属性进行了双向绑定。这样，当用户选择某个单选按钮时，selectedNodeId 属性的值就会更新，你可以根据这个属性的值来获取用户选择的节点。

请注意，上述示例仅展示了如何在 el-tree 中添加单选按钮，你可能需要根据你的实际需求进行适当的修改和调整。