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 方法加载每一级的数据。
运行代码 新窗口打开