多行输入框
介绍
用户可以在多行文本框内输入或编辑文字。
API
Props
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
标题 | 左侧标题内容 | string | "多行输入框" |
默认值 | 输入框默认值 | string | '' |
占位提示 | 占位提示内容 | string | "请输入" |
数据字段 | 表单字段名 | string | "TEXTAREA_随机八位字符" |
字数统计 | 开启后在右下角显示文本内容字数,需要结合字数上限使用 | boolean | false |
字数上限 | 输入框字数上限,开启字数统计后显示 | number | - |
自适应内容高度 | 输入框高度不固定,由内容高度决定 | boolean | false |
气泡提醒 | 表单项气泡提醒,点击标题右侧图标可查看 | string | '' |
必填 | 未输入内容时校验不通过 | 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 |