el-tree树形列表实现单选效果

在Element UI中，要实现el-tree（树形控件）的单选效果，可以通过设置show-checkbox属性为false来禁用复选框，并通过node-key属性来指定每个节点的唯一标识。

以下是一个简单的实例代码：

<template>
  <el-tree
    :data="data"
    :props="defaultProps"
    :node-key="nodeKey"
    ref="tree"
    show-checkbox="false"
    @node-click="handleNodeClick"
  ></el-tree>
</template>
 
<script>
export default {
  data() {
    return {
      data: [
        // 树形结构的数据
      ],
      defaultProps: {
        children: 'children',
        label: 'label'
      },
      nodeKey: 'id',
      currentNode: null
    };
  },
  methods: {
    handleNodeClick(data, node) {
      // 当节点被点击时，更新当前选中节点
      this.currentNode = data;
    }
  }
};
</script>

在这个例子中，el-tree被设置为单选模式，通过点击节点来触发handleNodeClick方法，该方法将当前选中的节点数据保存在currentNode变量中。如果需要获取当前选中的节点，可以直接访问this.currentNode。