Input 输入框
通过鼠标或键盘输入字符。
TIP
Input 为受控组件,它总会显示 Vue 绑定值。
通常情况下,应当处理 input 事件,并更新组件的绑定值(或使用 v-model)否则,输入框内显示的值将不会改变。
不支持 v-model 修饰
基础用法
禁用状态
通过 disabled 属性指定是否禁用 input 组件
一键清空
使用 clearable 属性即可得到一个可一键清空的输入框
密码框
在 type 中使用password,即可变成密码框
带 Icon 的输入框
可以通过 iconAfter 和 iconBefore 属性在 input 组件首部和尾部增加显示图标
文本域
用于输入多行文本信息,通过将 type 属性的值指定为 textarea
尺寸
使用 size 属性改变输入框大小。 除了默认大小外,还有另外两个选项:large, small
API
属性
| 参数 | 说明 | 类型 | 可选值 | 默认 |
|---|---|---|---|---|
| size | 尺寸 | string | large / small | — |
| type | 类型 | string | text / password / textarea | — |
| clearable | 是否显示清空按钮 | boolean | — | false |
| disabled | 是否禁用 | boolean | — | false |
| iconAfter | 在后面增加图标 | string | — | — |
| iconBefore | 在前面增加图标 | string | — | — |