el-tree中check实现单选

要在el-tree中实现单选，你可以按照以下步骤进行操作：

1. 设置check-strictly属性为true，这将关闭父子节点的关联。
2. 使用node-key属性来设置节点的唯一标识，确保每个节点都有一个唯一的值。
3. 设置show-checkbox属性为false，这将禁用节点的复选框。
4. 在el-tree标签上添加@check事件，并指定一个方法来处理选中事件。
5. 在这个方法中，你可以根据需求来实现单选逻辑。例如，你可以记录选中的节点，并在下一次选中节点时取消上一个选中节点的选中状态。
6. 如果需要实现关键字过滤功能，你可以使用el-input组件来输入关键字，并通过filter-node-method属性来指定一个方法来过滤节点。
7. 设置el-tree的data属性为一个包含节点数据的对象，确保每个节点都有一个label和value属性。

下面是一个示例代码结构：

<template>
  <div>
    <el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input>
    <el-tree
      class="filter-tree"
      :data="treeObj.optionList"
      :props="defaultProps"
      node-key="value"
      :check-strictly="true"
      default-expand-all
      show-checkbox="false"
      @check="treeNodeClick"
      :filter-node-method="filterNode"
      ref="tree"
    ></el-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      treeObj: {
        optionList: [
          {
            label: '一级 1',
            value: '1',
            children: [
              {
                label: '二级 1-1',
                value: '1-1',
                children: [
                  { label: '三级 1-1-1', value: '1-1-1' },
                  { label: '三级 1-1-2', value: '1-1-2' }
                ]
              },
              { label: '二级 1-2', value: '1-2' }
            ]
          },
          { label: '一级 2', value: '2', children: [{ label: '一级 2-1', value: '2-1' }] }
        ]
      },
      filterText: ''
    };
  },
  methods: {
    treeNodeClick(nodeData) {
      // 单选逻辑实现
      // ...
    },
    filterNode(value, data) {
      // 关键字过滤逻辑实现
      // ...
    }
  }
};
</script>

通过按照上述步骤进行操作，你就可以在el-tree中实现单选功能了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [elment-ui tree单选实现](https://download.csdn.net/download/weixin_38546608/14017560)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [el-tree实现单选](https://blog.csdn.net/louting249/article/details/122099289)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]