Cascader 级联选择
多级联动选择,支持任意层级提交与路径回显。
基础用法
基础用法
点击展开多级面板,逐级下钻直到叶子节点提交。
选择即提交
选择即提交(change-on-select)
开启 change-on-select 后,点击任意层级的选项(含含子级的节点)即提交当前路径。
预设路径
预设值(value 路径数组)
value 为 JSON 数组,存放各级选中值;展示时拼接为「浙江 / 杭州」。
禁用
禁用
事件
选中事件
监听 oas-change,detail.value 为完整路径数组:
API
属性
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
change-on-select | 选中任意层级即提交 | boolean | — |
disabled | 禁用 | boolean | — |
options | 级联选项,JSON 数组,支持 children / disabled | CascaderOption[] | string | [] |
placeholder | 占位提示 | — | — |
show-all-levels | 是否显示完整路径(当前版本预留,展示始终为完整路径) | — | — |
value | 路径数组(JSON),如 ["zj","hz"] | string | [] |
事件
| 事件 | 说明 |
|---|---|
oas-change | 选择变化,detail: { value }(路径数组) |