Components

Select 选择器

基于 Reka UI 的无障碍下拉：键盘导航、类型高亮与品牌色选中标记。

基础

options 支持 disabled 项。

目标地域

禁用示例

<div class="grid gap-5 sm:grid-cols-2">
  <Select v-model="region" label="目标地域" :options="[
    { label: '中国香港 (HKG)', value: 'hkg' },
    { label: '日本东京 (NRT)', value: 'nrt' },
    { label: '德国法兰克福 (FRA)', value: 'fra' },
    { label: '美国硅谷 (SJC)', value: 'sjc' }
  ]" />
  <Select v-model="region" label="禁用示例" :options="[{ label: '不可选', value: 'x' }]" disabled />
</div>

API 参考

属性	类型	默认值	说明
model-value	string	—	v-model 选中值。
options	{ label, value, disabled? }[]	—	选项列表。
placeholder	string	请选择…	未选中占位。
label	string	—	上方标签。
disabled	boolean	false	禁用。