Input 输入框

通过鼠标或键盘输入字符

基本用法




显示代码

禁用状态

通过disabled 属性指定是否禁用 input 组件

显示代码

类型

通过type 属性指定

maxlength maxlength=1:

number:

password:
显示代码

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