TreeSelect 树形选择

含有下拉菜单的树形选择器,结合了 el-treeel-select 两个组件的功能。

基础用法

树状选择器

TIP

由于 render-after-expand 属性是默认开启的,所选择的标签名可能不会及时更新显示,您可以把该属性设置为 false 来显示正确的名称

选择任意级别

当属性 check-strictly=true 时,任何节点都可以被选择,否则只有子节点可被选择。

TIP

当使用 show-checkbox时,由于 check-on-click-node 默认值是 false,这时候只能通过 checkbox 来选中,当然您也可以将其设置成 true,这样点击整个 node 都可以用来完成选择

多选

通过点击或复选框选择多个选项。

禁用选项

使用 disabled 字段禁用选项。

可筛选

使用关键字筛选或自定义筛选方法。 filterMethod可以自定义数据筛选的方法, filterNodeMethod可以自定义节点数据筛选的方法。

自定义内容

自定义树节点的内容。

懒加载

树节点懒加载,更加适合于数据量大的列表。

TreeSelect 属性

由于这个组件是el-treeel-select的结合体,他们的原始属性未被更改,故不在此重复。请跳转查看原组件的相应文档。

源代码

组件文档

贡献者