el -tree单选

要实现 el-tree 单选，需要给每个节点添加一个唯一的 key 属性，然后在 el-tree 的节点点击事件中，获取当前节点的 key 值，再通过设置 v-model 绑定一个选中值，即可实现 el-tree 的单选功能。下面是代码示例：

<template>
  <el-tree
    :data="treeData"
    show-checkbox
    node-key="id"
    @node-click="handleNodeClick"
    :props="defaultProps"
    v-model="selectedNodeKey"
  ></el-tree>
</template>

<script>
export default {
  data() {
    return {
      treeData: [
        {
          id: 1,
          label: "Node 1",
          children: [
            {
              id: 2,
              label: "Node 1-1",
            },
            {
              id: 3,
              label: "Node 1-2",
            },
          ],
        },
        {
          id: 4,
          label: "Node 2",
          children: [
            {
              id: 5,
              label: "Node 2-1",
            },
            {
              id: 6,
              label: "Node 2-2",
            },
          ],
        },
      ],
      defaultProps: {
        children: "children",
        label: "label",
      },
      selectedNodeKey: null,
    };
  },
  methods: {
    handleNodeClick(data) {
      this.selectedNodeKey = data.id;
    },
  },
};
</script>