## Input 输入框 通过鼠标或键盘输入字符 ### 基础用法 ::: demo ``` html ``` ::: ### 禁用状态 ::: demo 通过 `disabled` 属性指定是否禁用 input 组件 ``` html ``` ::: ### 可清空 ::: demo 通过 `clearable` 属性即可得到一个可清空的输入框 ``` html ``` ::: ### 密码框 ::: demo 通过 `type` 属性即可选择普通input的type属性 ``` html ``` ::: ### 带 icon 的输入框 ::: demo 可以通过 `prefix-icon` 和 `suffix-icon` 属性在 input 组件首部和尾部增加显示图标，也可以通过 slot 来放置图标。 ``` html
属性方式：
slot方式：
``` ::: ### 圆角状态 ::: demo 通过 `round` 属性即可为input带上圆角 ``` html ``` ::: ### 文本域 ::: demo 用于输入多行文本信息，通过将 `type` 属性的值指定为 textarea。 ``` html ``` ::: ### 复合型输入框 可前置或后置元素，一般为标签或按钮 ::: demo 可通过 slot 来指定在 input 中前置或者后置内容。 ``` html
``` ::: ### 不同尺寸 ::: demo 可通过 `size` 属性指定输入框的尺寸，除了默认的大小外，还提供了 large、small 和 mini 三种尺寸。 ``` html
``` ::: ### Attributes |参数|说明|类型|可选值|默认值 |:---|:---|:---|:---|:--- |type|类型|String|text/textarea 和其他 原生 input 的 type 值|text |value(v-model)|值|String/Number|-|- |prefix-icon|输入框头部图标|String|-|- |suffix-icon|输入框尾部图标|String|-|- |round|是否为圆角状态|Boolean|true/false|false |size|输入框大小|String|large/medium/small/mini|medium |disabled|是否禁用|Boolean|true/false|false |clearable|是否可清空|Boolean|true|false ### Events 事件名称|说明|回调参数 :---|:---|:--- change|在 Input 值改变时触发|(value) focus|在 Input 获得焦点时触发|(event: Event) blur| 在 Input 失去焦点时触发|(event: Event)