输入框
介绍
用户可以在文本框内输入或编辑文字。
API
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
标题 | 左侧标题内容 | string | "输入框" |
默认值 | 输入框默认值 | string | '' |
占位提示 | 占位提示内容 | string | "请输入" |
数据字段 | 表单字段名 | string | "INPUT_随机八位字符" |
清除按钮 | 点击可清空输入框内容 | boolean | false |
扫码录入 | 可扫码录入信息 | boolean | false |
气泡提醒 | 表单项气泡提醒,点击标题右侧图标可查看 | string | '' |
必填 | 未输入内容时校验不通过 | boolean | false |
最小长度 | 输入框内容小于最小长度时校验不通过 | boolean | false |
最大长度 | 输入框内容大于最大长度时校验不通过 | boolean | false |
邮箱 | 输入框内容非邮箱格式时校验不通过 | boolean | false |
手机号 | 输入框内容非手机号格式时校验不通过 | boolean | false |
自定义函数 | 自定义校验函数,可配置校验规则与校验提示内容 | boolean | false |
后缀 | 输入框右侧图标插槽,开启后可选择配置文字和图标 | boolean | false |
events
事件名 | 说明 | 回调参数 |
---|---|---|
onChange | 输入框失焦或按下回车时 | ctx, param:{value:string} |
onFocus | 获得焦点时 | ctx, param:event |
onBlur | 失去焦点时 | ctx, param:event |
onClear | 点击清除按钮时 | ctx, param:event |