Input 输入框
单行文本输入,支持前后缀、三档尺寸与 pill 搜索形态。
基础用法
当前值:(空)
尺寸
前后缀
prefix / suffix 插槽放图标或单位;原生 type / step / autocomplete 透传:
元
状态与 pill 形态
API
Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| modelValue | string | '' | v-model 值 |
| type | string | 'text' | 原生 type |
| placeholder | string | — | 占位文本 |
| disabled | boolean | false | 禁用 |
| error | boolean | false | 错误态(红描边) |
| size | 'sm' | 'md' | 'lg' | 'md' | 高 28 / 34 / 40px |
| pill | boolean | false | 圆形搜索框形态(浅容器底、无描边) |
| autocomplete | string | — | 原生 autocomplete |
| step | string | number | — | 原生 step(配 type="number") |
Events
| 名称 | 参数 | 说明 |
|---|---|---|
| update:modelValue | (v: string) | 输入时触发 |
Slots
| 名称 | 说明 |
|---|---|
| prefix | 前缀(图标等) |
| suffix | 后缀(单位等) |