Search 搜索框
带有搜索图标的输入框,支持清除、回车搜索等功能。
SXO Framework Switcher
🚧
This example is not yet available for .
Search 属性
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| value / v-model | string | '' | 搜索内容 |
| placeholder | string | 'Search...' | 占位文字 |
| variant | 'outline' | 'solid' | 'ghost' | 'outline' | 变体 |
| size | 'sm' | 'md' | 'lg' | 'md' | 尺寸 |
| rounded | boolean | true | 是否圆角 |
| loading | boolean | false | 是否加载中 |
Search 事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| search / onSearch | 点击搜索或按下回车的回调 | (value: string) => void |
| clear / onClear | 点击清除按钮的回调 | () => void |
| update:modelValue | (Vue3) v-model 更新 | (value: string) => void |
| input | (Vue2) 输入事件 | (value: string) => void |