Input 输入框
规则
js
{
type:"input",
title:"商品名称",
field:"goods_name",
value:"iphone 7",
props: {
type: "password",
}
}完整配置项:arco-design_Input
value :String
Props
| 参数名 | 描述 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| size | 输入框大小 | 'mini' | 'small' | 'medium' | 'large' | 'medium' | |
| allow-clear | 是否允许清空输入框 | boolean | false | |
| disabled | 是否禁用 | boolean | false | |
| readonly | 是否为只读状态 | boolean | false | |
| error | 是否为错误状态 | boolean | false | |
| placeholder | 提示文字 | string | - | |
| max-length | 输入值得最大长度,errorOnly 属性在 2.12.0 版本添加 | number | { length: number; errorOnly?: boolean } | 0 | |
| show-word-limit | 是否显示字数统计 | boolean | false | |
| word-length | 字符长度的计算方法 | (value: string) => number | - | |
| word-slice | 字符截取方法,同 wordLength 一起使用 | (value: string, maxLength: number) => string | - | 2.12.0 |
Events
| 事件名 | 描述 | 参数 |
|---|---|---|
| input | 用户输入时触发 | value: string |
| change | 仅在输入框失焦或按下回车时触发 | value: string |
| press-enter | 用户按下回车时触发 | - |
| clear | 用户点击清除按钮时触发 | - |
| focus | 输入框获取焦点时触发 | - |
| blur | 输入框失去焦点时触发 | - |
<input-password> Props
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| invisible-button | 是否显示可见按钮 | boolean | true |
<input-search> Props
| 参数名 | 描述 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| search-button | 是否为后置按钮模式 | boolean | false | |
| loading | 是否为加载中状态 | boolean | false | |
| disabled | 是否禁用 | boolean | false | |
| size | 输入框大小 | 'mini' | 'small' | 'medium' | 'large' | 'medium' | |
| button-text | 搜索按钮的文字,使用后会替换原本的图标 | string | - | 2.16.0 |
| button-props | 搜索按钮的属性 | object | - |
<input-search> Events
| 事件名 | 描述 | 参数 |
|---|---|---|
| search | 单击搜索按钮时触发 | value: string |


