- 快速开始
- REPL
- 基本
- Icons 示例
- Button 示例
- 表单
- Input 示例
- Textarea 示例
- Radio 单选框
- Checkbox 多选框
- Switch 示例
- Select 示例
- Cascader 示例
- Form 示例
- Upload 示例
- date-picker 示例
- Drag 拖动排序
- data 数据
- Table 表格
- Tree 树形控件
- SelectTree 树形选择控件
- Pagination 分页
- progress 示例
- Empty 空状态
- 提示
- Loading 示例
- MessageBox 示例
- Dialog 示例
- Alert 示例
- Notice 示例
- 导航 Navigation
- Tabs 标签页
- NavMenu 导航菜单
- Breadcrumb 面包屑
- 其它 Others
- Clock 示例
- Drawer 示例
- Collapse 示例
- Scrollbar 示例
- Carousel 示例
- CountTo 示例
- PreviewImage 示例

## Input 输入框

通过鼠标或键盘输入字符

### 基本用法

### Attributes

参数 | 说明 | 类型 | 可选值 | 默认值
--- | --- | --- | --- | ---
value | 绑定的值 | string | - | ''
placeholder | 提示文字 | string | - | ''
size | 尺寸 | string | medium/small/mini | ''
readonly | 只读 | boolean | true/false | false
disabled | 禁用 | boolean | true/false | false
clearable | 是否显示清除按钮 | boolean | true/false | false
validateEvent | 是否发送验证表单 | boolean | true/false | true
type | input的type | string | - | text
name | input的name | string | - | ''
suffixIcon | 后置图标 | string | - | ''
validateEvent | 输入时是否触发表单的校验 | boolean | true/false | true

### Events

事件名称 | 说明 | 回调参数
--- | --- | ---
blur | 在 Input 失去焦点时触发 | (event: Event)
focus | 在 Input 获得焦点时触发 | (event: Event)
change | 仅在输入框失去焦点或用户按下回车时触发 | (value: string | number)
change | 仅在输入框失去焦点或用户按下回车时触发 | (value: string | number)
input | 在 Input 值改变时触发 | (value: string | number)
clear | 在点击由 clearable 属性生成的清空按钮时触发 | -

### Slot

name | 说明
--- | ---
icon | 标题前的icon