选择器 Select
自研下拉选择器,支持点击外部关闭。
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
modelValue | string | number | Array | '' | 绑定值(v-model) |
options | { label, value, disabled? }[] | [] | 选项列表 |
placeholder | string | '请选择' | 占位提示 |
disabled | boolean | false | 是否禁用 |
事件
| 事件 | 参数 | 说明 |
|---|---|---|
update:modelValue | string | number | Array | 选中项变化时触发 |
示例
vue
<template>
<Select
v-model="city"
:options="[
{ label: '北京', value: 'beijing' },
{ label: '上海', value: 'shanghai', disabled: true },
]"
/>
</template>