Ant Design Vue Input 属性及事件列表
Ant Design Vue Input 属性及事件列表
Input属性
| 属性名称 | 说明 | 类型 | 默认值 |
|---|
| addonAfter | 设置input后置标签 | string|slot |
|
| addonBefore | 设置input前置标签 | string|slot |
|
| defaultValue | 输入框默认值 | string |
|
| disabled | 是否禁用输入框，默认false | boolean | false |
| id | 输入框的id | string |
|
| maxLength | 可以输入的最大长度 1.5.0后有效 | number |
|
| prefix | input前缀图标 | string|slot |
|
| size | 控件大小。可选 large default small | string | default |
| suffix | input后缀图标 | string|slot |
|
| type | 声明 input 类型，同原生 input 标签的 type 属性。
(请直接使用 Input.TextArea 代替 type="textarea") | string | text |
| value(v-model) | 输入框内容 | string |
|
| allowClear | 点击清除图标可以删除输入框内容 | boolean |
|
Input事件
| 事件名称 | 说明 | 回调参数 |
|---|
| change | 输入框内容变化时的回调事件 | function(e) |
| pressEnter | 回车事件 | function(e) |
Input.TextArea属性
属性名称
| 说明 | 类型 | 默认值 |
|---|
| autosize | 是否自适应内容高度，可设置为 true|false
或对象：{ minRows: 2, maxRows: 6 } | boolean|object |
|
| defaultValue | 文本域默认内容 | string |
|
| value(v-model) | 文本域内容 | string |
|
| allowClear | 可以点击清除图标删除内容 1.5.0+支持 | boolean | false |
Input.TextArea事件
| 事件名称 | 说明 | 参数 |
|---|
| pressEnter | 回车键的回调事件 | function(e) |
input.search属性
| 属性名称 | 说明 | 类型 | 默认值 |
|---|
| enterButton | 是否有确认按钮，可设为按钮文字。该属性会与 addon 冲突 | boolean|slot | false |
| loading | 搜索 loading加载效果，1.5.0+支持 | boolean |
|
Input.Search事件
| 事件名称 | 说明 | 参数 |
|---|
| search | 回车键的回调事件 | function(value, event) |
其余属性和 Input 一致。
Input.group属性
属性名称
| 说明 | 类型 | 默认值 |
|---|
| compact | 是否用紧凑模式 | boolean | false |
| size | Input.Group 中所有的 Input 的大小，可选 large default small | string | default |
<a-input-group>
<a-input /> </a-input>
<a-input /> </a-input>
</a-input-group>
Input.Password (1.14.0 新增)
属性名称
| 说明 | 类型 | 默认值 |
|---|
| visibilityToggle | 是否显示切换按钮 | boolean | true |
其余属性和 Input 一致
