Ant Design Vue Input 属性及事件列表

Ant Design Vue Input 属性及事件列表

Input属性

属性名称说明类型默认值
addonAfter设置input后置标签string|slot
addonBefore设置input前置标签string|slot
defaultValue输入框默认值string
disabled是否禁用输入框,默认falsebooleanfalse
id输入框的idstring
maxLength可以输入的最大长度 1.5.0后有效number
prefixinput前缀图标string|slot
size控件大小。可选 large default smallstringdefault
suffixinput后缀图标string|slot
type声明 input 类型,同原生 input 标签的 type 属性。
(请直接使用 Input.TextArea 代替 type="textarea")
stringtext
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+支持booleanfalse

Input.TextArea事件

事件名称说明参数
pressEnter回车键的回调事件function(e)

input.search属性

属性名称说明类型默认值
enterButton是否有确认按钮,可设为按钮文字。该属性会与 addon 冲突boolean|slotfalse
loading搜索 loading加载效果,1.5.0+支持boolean

Input.Search事件

事件名称说明参数
search回车键的回调事件function(value, event)

其余属性和 Input 一致。

Input.group属性

属性名称
说明类型默认值
compact是否用紧凑模式booleanfalse
sizeInput.Group 中所有的 Input 的大小,可选 large default smallstringdefault 
<a-input-group>
  <a-input /> </a-input>
  <a-input /> </a-input>
</a-input-group>

Input.Password (1.14.0 新增)

属性名称
说明类型默认值
visibilityToggle是否显示切换按钮booleantrue

其余属性和 Input 一致