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-modelstring[][]已选选项值的受控数组。
options{ label, value, group?, disabled? }[]—支持分组和禁用状态的选项数据。
placeholder / emptyTextstring'搜索并选择...' / '无匹配项'搜索输入与空结果文案。
clearablebooleantrue显示清除全部已选项的按钮。
label / hint / error / requiredstring / boolean—继承 Field 的表单语义与校验呈现。
clearevent—用户清除所有已选项时触发。