Select

原生 select 封装，支持分组与占位提示。

最后更新

说明

Options 传入 SelectOption 列表，设置 Group 可渲染 optgroup。

常见能力：

  • 分组
  • 占位提示
  • 允许空值
  • 尺寸与错误态

用法

<Select Options="@options" @bind-Value="@city" Placeholder="请选择城市" />

API 参数

参数 类型 默认值 说明
AllowEmpty bool false 占位项是否可选（清空）。
Grouped bool false 按 Group 渲染分组。
Id string null
Invalid bool false 错误状态。
Options List<SelectOption> [] 选项。
Placeholder string null 占位项文字，为空则不渲染。
Size string null 尺寸：lg / sm。
Value string null 绑定值。
ValueChanged EventCallback<string> — 事件
Visible bool true 取得或设置组件是否可见，默认为false。
VisibleChanged EventCallback<bool> — 事件 取得或设置组件可见性变化时的回调事件。
Class string null 取得或设置组件的CSS类名，用于自定义样式。
Disabled bool false 取得或设置组件是否禁用，默认为false。
Style string null 取得或设置组件的内联样式，用于自定义样式。

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

微信公众号二维码 扫码关注公众号
QQ 交流群二维码 扫码加入 QQ 群