级联选择器。

# 基础示例

ECascader 组件默认支持通过设置 clearabledisabled 属性来控制组件清空与禁用。

# 支持 false 和 0

# 多选

通过设置 multiple 属性来允许多选。

# 筛选

设置 filter 属性将开启组件的筛选功能,默认筛选全部字段,添加 filterKeys 来支持对选定属性的筛选。

# 选项展示风格

ECascader 默认使用列表结构来展示下拉选项,组件也支持通过设置 type 属性来展示不同的下拉风格。当 type=tree 时,拉下选项将被渲染为一棵树。

# 自定义选中值

通过设置具名 slotselected 可自定义绑定展示值。

# 自定义选项

通过设置具名 slotoption 可自定义下拉选项。

# tree 类型时的自定义选中值

通过设置具名 slotselected 可自定义绑定展示值。

# tree 类型时的自定义选项

组件的 type 属性为 tree 时,设置匿名 slot 默认自定义下拉选项。

# tree 类型时的节点选项

组件的 type 属性为 tree 时,设置 selectMode 来控制是否只能选中叶节点,默认selectMode=leaf,value 只是选中的叶节点

# 自定义筛选项

通过设置具名 slotfilter-item 可自定义筛选项,设置 slotfilter-item-selected 可以自定义选中样式。

# 获取路径上的所有节点

可以通过设置 showPath 属性与 selected-path 事件获取选定值路径上的所有节点。选定值后,组件将会调用绑定的事件处理函数,函数的为路径上所有节点的数组。

# loading

组件的 loading 属性用来控制是否显示 loading 效果。

# ECascader

# Props

Name Description Type Required Default
type 类型,使用什么风格展示。tree(只有一棵树)、tree-list(父节点是一棵树,叶节点是单独列表,并列显示)、 lists(每一层都是一个列表,并列显示) String false lists
placeholder - String false -
disabled - Boolean false -
clearable - Boolean false -
filter true 表示使用内置的检索引擎。暂时不支持传入 function Boolean / Function false -
filterKeys filter筛选时支持筛选的属性字段,不设置时默认筛选全部字段 Array false -
loading 是否显示 loading 状态。如果为 true,则不会显示 options Boolean false -
showPath 是否显示路径上的所有节点 Boolean false -

# Events

Event Name Description Parameters
input - -

# Slots

Name Description Default Slot Content
selected 已选中的值 -
name - -
name - -
name - -

# MixIns

MixIn
EValidationMixin