Input 输入框
规则
js
{
type:"input",
title:"商品名称",
field:"goods_name",
value:"iphone 7",
props: {
type: "password",
}
}
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 |