Cascader

多列联动选择，逐级收窄。

最后更新 2026-10-25 19:27:08

说明

Data 为每一级的选项列表，Selected 保存已选路径。

常见能力：

<Cascader Data="@levels" @bind-Selected="@path" />

参数	类型	默认值	说明
`CloseOnSelect`	`bool`	`true`	选到最后一级后是否自动收起。置 false 时只能靠点外部或 Esc 收起（适合还要顺手补一次「确认」的场景）。中间级无论如何都不会自动收起，见 OnOptionAsync。
`Data`	`List<List<SelectOption>>`	`[]`	级联数据：每级一个选项列表，子级用 Group 关联父级 Value。
`Placeholder`	`string`	`"请选择"`	占位文字。
`Selected`	`List<string>`	`[]`	已选值序列（各级 Value）。
`SelectedChanged`	`EventCallback<List<string>>`	—	事件
`Visible`	`bool`	`true`	取得或设置组件是否可见，默认为false。
`VisibleChanged`	`EventCallback<bool>`	—	事件取得或设置组件可见性变化时的回调事件。
`Class`	`string`	`null`	取得或设置组件的CSS类名，用于自定义样式。
`Disabled`	`bool`	`false`	取得或设置组件是否禁用，默认为false。
`Style`	`string`	`null`	取得或设置组件的内联样式，用于自定义样式。

所有组件均继承 BaseComponent，除上表参数外还支持 Class、Style、Disabled、Visible。