简介
可编辑输入框有编辑态和非编辑态,如果需要用户在编辑态下更改内容,可使用该组件。

配置项
分类 | 配置 | 示例 | 说明 |
内容 | 默认值 |
| 组件默认值 |
占位内容 |
| 占位内容 | |
标签 |
| 表单标签 ,详情参见表单通用属性 | |
悬浮提示 |
| 可设置悬浮的内容,背景颜色,位置以及触发的方式。 | |
扩展配置 |
| 组件前缀文字、前缀图标,后缀文字、后缀图标,编辑图标等设置 | |
交互 | 隐藏 |
| 隐藏,详情参见通用属性 |
是否可点击进入编辑状态 |
| 开启后,可点击进入编辑态 | |
校验 |
| 表单校验,详情参见表单通用属性 | |
样式 | 外边距 |
| 外边距,详情参见通用属性 |
清除按钮 |
| 是否显示清除按钮 | |
CSS 样式 | 文本态内容颜色 |
| 文本态内容的颜色 |
文本态Hover背景颜色 |
| 文本态悬浮时内容的背景颜色 | |
字体大小 |
| 文本字体的大小 | |
标签字体大小 |
| 标签字体的大小 |
属性与方法
名称 | 类型 | 示例 | 说明 |
value | string |
| 当前输入内容 |
labelText | string |
| 标签文字 |
palceholder | string |
| 占位内容 |
editable | boolean |
| 是否可点击进入编辑态 |
editing | boolean |
| 是否为编辑态 |
hidden | boolean |
| 组件是否隐藏 |
validationStatus | boolean |
| 组件校验后的状态 |
validationMessage | string |
| 组件校验后的信息 |
blur | func |
| 组件失去焦点 |
focus | func |
| 组件获得焦点 |
validate | func |
| 组件校验 |
setValue | func |
| 设置组件的内容 |
setEditing | func |
| 设置组件的编辑态 |
setHidden | func |
| 设置组件的隐藏状态 |
clearValue | func |
| 清除组件的 value 值 |
clearHidden | func |
| 清除组件的 hidden 值 |
clearValidate | func |
| 清除组件的校验信息 |
事件回调
配置 | 说明 |
| 组件的值发生改变后触发的事件 |
| 组件获得焦点后触发的事件 |
| 组件失去焦点后触发的事件 |




















