Skip to content

Cascader 级联选择

多级联动选择,支持任意层级提交与路径回显。

基础用法

基础用法

点击展开多级面板,逐级下钻直到叶子节点提交。

选择即提交

选择即提交(change-on-select)

开启 change-on-select 后,点击任意层级的选项(含含子级的节点)即提交当前路径。

预设路径

预设值(value 路径数组)

value 为 JSON 数组,存放各级选中值;展示时拼接为「浙江 / 杭州」。

禁用

禁用

事件

选中事件

监听 oas-changedetail.value 为完整路径数组:

API

属性

属性说明类型默认值
change-on-select选中任意层级即提交boolean
disabled禁用boolean
options级联选项,JSON 数组,支持 children / disabledCascaderOption[] | string[]
placeholder占位提示
show-all-levels是否显示完整路径(当前版本预留,展示始终为完整路径)
value路径数组(JSON),如 ["zj","hz"]string[]

事件

事件说明
oas-change选择变化,detail: { value }(路径数组)