Components
MultiSelect 多选
为告警渠道、区域、标签与成员分配提供可搜索、多标签的选择体验。
按区域筛选节点
已选项显示为可移除标签;可输入过滤、从分组选项中多选,或一键清除。
中国香港 · HKG日本东京 · NRT
至少选择一个可用区域
已选择:hkg、nrt
<MultiSelect
v-model="regions"
:options="options"
label="部署区域"
placeholder="搜索区域…"
/>禁用与校验状态
继承 Field 的标签、提示、必填和错误信息能力。
至少指定一位审批人
<MultiSelect
v-model="reviewers"
:options="reviewerOptions"
label="变更审批人"
error="至少指定一位审批人"
required
/>API 参考
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
v-model | string[] | [] | 已选选项值的受控数组。 |
options | { label, value, group?, disabled? }[] | — | 支持分组和禁用状态的选项数据。 |
placeholder / emptyText | string | '搜索并选择...' / '无匹配项' | 搜索输入与空结果文案。 |
clearable | boolean | true | 显示清除全部已选项的按钮。 |
label / hint / error / required | string / boolean | — | 继承 Field 的表单语义与校验呈现。 |
clear | event | — | 用户清除所有已选项时触发。 |