el-tree-select 是一个 TreeSelect 组件,将 Tree 与 Select 功能结合,用于在下拉框中从层级数据里进行选择。资料列出的适用场景包括组织结构选择、分类树选择、层级数据选择和基于树的下拉框。
基本用法为在 Vue 模板中使用 <el-tree-select v-model="value" :data="data" placeholder="Select" />,data 为带有 value、label、children 的树形数组。
主要能力:设置 check-strictly 后父子独立,可选择任意层级;设置 multiple 与 show-checkbox 可多选,此时 v-model 初始值应为数组;设置 filterable 启用筛选;设置 lazy 与 load 启用懒加载,load 方法签名为 (node, resolve),并可通过 props 指定 label 与 children 的字段名。
组件继承 Tree 与 Select 的属性。资料列出的属性包括:model-value / v-model(绑定值,string | number | array)、data(树数据,array)、multiple(多选,boolean,默认 false)、check-strictly(父子独立,boolean,默认 false)、filterable(启用筛选,boolean,默认 false)、lazy(启用懒加载,boolean,默认 false)、load(懒加载方法,(node, resolve) => void)、cache-data(缓存懒加载节点数据,CacheOption[],默认 [])。暴露 treeRef(Tree 组件实例,TreeInstance)与 selectRef(Select 组件实例,SelectInstance)。
最佳实践:用 check-strictly 选择任意层级;用 lazy 处理大体积树数据;用 cache-data 处理懒加载的标签显示。资料未提供安装命令、版本要求、收费信息或更多限制说明。