分布式调度框架。
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

57 lines
2.1 KiB

## 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 | 清空文本并且获得焦点 | —