自 1.0.0BETA

Select 选择器

下拉选择器组件，基于 Floating UI 实现浮层定位（点击展开、自动翻转、面板内滚动）。

Select 选择器

下拉选择器组件，基于 Floating UI 实现浮层定位（点击展开、自动翻转、面板内滚动）。

基础用法

Select

交互预览已暂停。

远程搜索（可编辑）

Select (remote searchable)

交互预览已暂停。

可搜索

Select (searchable)

交互预览已暂停。

禁用状态

Select (disabled)

交互预览已暂停。

禁用选项

Select (disabled option)

交互预览已暂停。

滚动面板

交互预览已暂停。

API

TuffSelect Props

属性名	说明	类型	默认值
modelValue / v-model	绑定值	`string \| number`	`''`
placeholder	占位文本	`string`	`'请选择'`
disabled	是否禁用	`boolean`	`false`
searchable	是否可搜索	`boolean`	`false`
searchPlaceholder	搜索框占位	`string`	`'Search'`
editable	是否可编辑（在触发器输入）	`boolean`	`false`
remote	是否远程搜索（输入时触发 `search`）	`boolean`	`false`
dropdownMaxHeight	下拉面板最大高度	`number`	`280`
dropdownOffset	触发器与面板间距	`number`	`6`

TuffSelect Events

事件名	说明	回调参数
change	选中值改变时触发	`(value: string \| number) => void`
update:modelValue	值更新时触发	`(value: string \| number) => void`
search	输入触发搜索（remote 模式）	`(query: string) => void`

TuffSelectItem Props

属性名	说明	类型	默认值
value	选项值	`string \| number`	-
label	选项标签	`string`	-
disabled	是否禁用	`boolean`	`false`

Components

上一章SegmentedSlider 分段滑块下一章 Skeleton 骨架屏