Input 输入框
字符输入控件
基础用法
尺寸
可清除的输入框
TIP
由于输入框并没有固定的宽度，如果需要防止抖动，你应该给输入框或者输入框的容器加上固定宽度
密码输入框
变体
前缀和后缀
组合输入框
搜索框
带有状态的输入框
Input API
Input Props
| 属性名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| type | 输入框类型 | enum等原生类型 | text |
| size | 输入框的尺寸，仅在 type 不为"textraea"时有效 | enum | —— |
| v-model / modelValue | 输入框的尺寸，仅在 type 不为"textraea"时有效 | string/ number | —— |
| placeholder | 提示符 | string | —— |
| disabled | 是否禁用 | boolean | false |
| showPassword | 是否显示密码 | boolean | false |
| clearable | 输入框的值是否可以被清除 | boolean | false |
| readonly | 是否为只读输入框 | boolean | false |
| tabindex | 输入框的tabindex | string/ number | false |
| maxLength | 最大输入长度，同原生 maxlength 属性 | string/ number | —— |
| minLength | 最小输入长度，同原生 maxlength 属性 | string/ number | —— |
| max | 最大值，同原生 max 属性 | —— | —— |
| min | 最小值，同原生 min 属性 | —— | —— |
| suffixIcon | 前缀图标 | string/ Component | —— |
| prefixIcon | 后缀图标 | string/ Component | —— |
| showLimit | 是否显示字数，只在 type 为"text"和"textarea"时有效 | boolean | false |
| autoFocus | 是否自动聚焦 | boolean | false |
| rows | 字符行数，用原生 rows 属性 | number | —— |
| noResize | 不改变textarea的高度 | boolean | false |
| afterBlur | 输入框失焦后的回调 | Function | —— |
| autoResize | 自动适应高度，仅在 type 为"textarea"时有效 | boolean | false |
| variant | 样式变体 | enum | outlined |
Input Emits
| 事件名 | 描述 | 类型 |
|---|---|---|
| input | 输入时触发 | Function |
| change | 输入框的值发生变化时触发 | Function |
| clearValue | 清除输入框的值时触发 | Function |
| focus | 输入框聚焦时触发 | Function |
| blur | 输入框失焦时触发 | Function |
| compositionstart | 合成开始时触发 | Function |
| compositionupdate | 合成中字符被输入时触发 | Function |
| compositionend | 合成完成或取消时触发 | Function |
Input Slots
| 插槽名 | 描述 |
|---|---|
| suffix | 输入框前缀内容 |
| prefix | 输入框后缀内容 |
| append | 输入框前置内容 |
| prepend | 输入框后置内容 |
Input Exposes
| 属性名 | 描述 | 类型 |
|---|---|---|
| inputRef | input 元素 | object |
| isFocused | 输入框聚焦状态 | boolean |
| focus | 输入框聚焦方法 | Function |
| blur | 输入框失焦方法 | Function |
| clearValue | 输入框清除值的方法 | Function |
上次更新时间：