1. docs
sss
  • docs
    • docs
      • EleProLayout 高级布局组件使用文档
      • Markdown - ByteMdEditor
      • 下拉菜单 - EleDropdown
      • 主题功能
      • 二维码 - EleQrcode
      • 全局配置 - EleConfigProvider
      • 其他功能
      • 分段器 - EleSegmented
      • 分页组件 - ElePagination
      • 加载中 - EleLoading
      • 包裹组件 - EleApp
      • 卡片组件 - EleCard
      • 可选卡片 - EleCheckCard
      • 图标选择 - EleIconSelect
      • 富文本 - TinymceEditor
      • 导航菜单 - EleMenus
      • 工具方法与表单数据操作文档
      • 抽屉组件 - EleDrawer
      • 文字提示 - EleTooltip
      • 文本组件 - EleText
      • 标签输入 - EleEditTag
      • 标签页 - EleTabs
      • 树下拉 - EleTreeSelect
      • 步骤条 - EleSteps
      • 气泡确认框 - ElePopconfirm
      • 消息提示 - EleMessage
      • 统计图表 - VueEcharts
      • 表格下拉 - EleTableSelect
      • 表格组件 - EleDataTable
      • 警告提示 - EleAlert
      • 页面容器 - ElePage
      • 高级弹窗 - EleModal
      • 高级表格 - EleProTable
  1. docs

树下拉 - EleTreeSelect

5.31.1.快速使用
树下拉组件 EleTreeSelect 使用 ElTreeV2 封装(v1.1.6新增),支持单选和多选,使用示例:

运行代码 新窗口打开
5.30.2.多选示例
增加 multiple 属性开启多选,建议设置 maxTagCount 设置最多显示标签数量,使用示例:

运行代码 新窗口打开
5.31.3.属性列表
  多选标签显示策略 showCheckedStrategy 属性值可为 all(显示所有选中节点)、parent(当子节点全部选中时只显示父级)、child(只显示选中的子节点)。
增加 filterable 属性即可开启搜索功能:

运行代码 新窗口打开
如果需要默认展开全部,ElTreeV2 并没有提供默认全部展开的数据,可以增加 ref 调用方法设置展开:

运行代码 新窗口打开
5.31.4.事件列表
5.31.5.插槽列表
  多选是标签超出配置的最大数量后默认会显示 +1 的提示文本可通过 maxTagPlaceholder 插槽自定义, 插槽传递的 omittedValues 为超出的标签数据(为标签文本和对应值组成的数组[{label, value}])。
5.31.6.懒加载
由于 ElTreeV2 不支持懒加载,所以如果需要懒加载的下拉树,可以使用 ElTreeSelect 组件,样式与 EleTreeSelect 一致:

开启懒加载就无需通过 data 属性指定数据,而是通过 load 方法加载每一级的数据。
运行代码 新窗口打开

修改于 2025-12-20 03:37:01
上一页
标签页 - EleTabs
下一页
步骤条 - EleSteps
Built with