Cascader

Multi-level linked selection supporting submission at any level and path display.

Basic Usage

Basic usage

Example

Click to open the multi-level panel and drill down level by level until a leaf node is submitted.

Select & Submit

Select to submit (change-on-select)

Example

With change-on-select enabled, clicking an option at any level (including nodes with children) immediately submits the current path.

Preset Path

Preset value (path array)

Example

value is a JSON array holding the selected value of each level; it is displayed joined as "Zhejiang / Hangzhou".

Disabled

Disabled

Example

Events

Selection events

Example

Listen to oas-change; detail.value is the full path array:

API

Attributes

Attribute	Description	Type	Default
change-on-select	Submit when selecting any level	boolean	—
disabled	Disabled	boolean	—
options	Cascade options, JSON array, supports children / disabled	CascaderOption[] | string	[]
placeholder	Placeholder text	—	—
show-all-levels	Whether to show the full path (reserved in the current version; display is always the full path)	—	—
value	Path array (JSON), e.g. ["zj","hz"]	string	[]

Events

Event	Description
oas-change	Selection change, detail: { value } (path array)