vue2 el-tree-select

Vue2中的`el-tree-select`是一个基于Element UI库的树形选择组件，它允许用户从树状结构的数据源中进行多选或单选。这个组件通常用于需要层级管理和数据筛选的场景，比如部门管理、角色权限分配等。

`el-tree-select`的主要特点包括：
1. **拖拽功能**：支持节点的拖拽，可以调整层级关系。
2. **搜索过滤**：用户可以输入关键词进行实时搜索，匹配节点名称。
3. **动态加载**：当数据量过大无法一次性加载时，可以选择懒加载策略，只加载当前可视区域的内容。
4. **事件回调**：提供了一系列的事件，如`select`、`expand-change`等，便于开发者处理用户的操作。

要在Vue项目中使用`el-tree-select`，首先需要安装Element UI，然后在模板文件中引用并配置该组件。基本用法如下：

<template>
  <el-tree
    :data="treeData"
    :props="defaultProps"
    v-model="selectedValue"
    @node-click="handleNodeClick"
  ></el-tree>
</template>

<script>
import { ElTree } from "element-plus";
export default {
  components: { ElTree },
  data() {
    return {
      treeData: [], // 树形数据
      defaultProps: { children: "children", label: "name" }, // 属性默认值
      selectedValue: [] // 当前选中的节点值
    };
  },
  methods: {
    handleNodeClick(node) {
      // 处理节点点击事件
    }
  }
};
</script>