Input 输入框

基础用法

通过 v-model 绑定值，就能像原生 input 组件一样使用

loading

密码框

loading

前后缀和标签

通过具名插槽 #prefix 和 #suffix 来添加前缀和后缀, 通过 label 属性为输入框设置标签

loading

Input Attributes

属性名	说明	类型	默认值
type	原生类型	text | password	text
modelValue	绑定的值	any	modelValue
placeholder	占位符	string
label	标签内容	string
showPassword	是否显示密码	boolean	false
clearable	一键清空	boolean	false
disabled	禁用	boolean	false
readonly	只读	boolean	false

Input Events

属性名	说明	类型	默认值
blur	失去焦点时触发	'update:modelValue': (val: string) => val
input	输入时触发	input: (val: string) => isString(val)
change	值改变时触发	change: (val: string) => isString(val)
focus	聚焦时触发	focus: (e: FocusEvent) => e instanceof FocusEvent
clean	清空时触发	clear: () => true

Input Slots

属性名	说明	类型	默认值
prefix	前缀, 不会覆盖 showPassword和clearable 自带的图标
suffix	后缀, 不会覆盖 showPassword和clearable 自带的图标