DolphinScheduler/escheduler-ui/dist/lib/@analysys/ans-ui/packages/vue-input

Input

基本表单组件，支持 input 和 textarea，并在原生控件基础上进行了功能扩展，可以组合使用。

Input props

属性	说明	类型	可选值	默认值
type	类型	String	text、textarea 和其他原生 input 的 type 值	text
size	尺寸，type="textarea" 时无效	String	large / default / small	default
value	绑定值	String / Number	—	—
clearable	是否可清空	Boolean	—	false
suffix-icon	前置图标	String	—	—
prefix-icon	后置图标	String	—	—
label	aria-label 属性	String	—	—
no-border	是否无边框	Boolean	—	false
name	原生属性	String	—	—
placeholder	原生属性	String	—	请输入...
disabled	原生属性	Boolean	—	false
readonly	原生属性	Boolean	—	false
autofocus	原生属性	Boolean	—	false
autocomplete	原生属性	String	—	off
maxlength	原生属性	Number	—	—
minlength	原生属性	Number	—	—
tabindex	原生属性	Number	—	—
resize	文本域是否可以拉伸	String	—	—
autosize	textarea 自适应，如 { minRows: 2, maxRows: 6 }	Boolean / Object	—	false
rows	textarea 原生属性	Number	—	2

Input slots

名称	说明
prefix	前置图标插槽，插槽显示在输入框内
suffix	后置图标插槽，插槽显示在输入框内
prepend	前置内容插槽
append	后置内容插槽

Input events

事件名称	说明	回调参数
on-enterkey	输入回车时触发	event: Event
on-click	点击时触发	event: Event
on-blur	失去焦点时触发	event: Event
on-focus	获得焦点时触发	event: Event
on-change	失去焦点并且输入值改变时触发	value: String
on-clear	点击清空图标时触发	—
on-click-icon	点击前置/后置图标时触发	event: Event

Input methods

方法名	说明	参数
focus	使 Input 组件获得焦点	—
blur	使 Input 组件失去焦点	—
clear	清空文本并且获得焦点	—