可编辑输入框

简介

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

image

配置项

分类

配置

示例

说明

内容

默认值

image

组件默认值

占位内容

image

占位内容

标签

image

表单标签 ,详情参见表单通用属性

悬浮提示

image

可设置悬浮的内容,背景颜色,位置以及触发的方式。

扩展配置

image

image

image

image

image

组件前缀文字、前缀图标,后缀文字、后缀图标,编辑图标等设置

交互

隐藏

image

隐藏,详情参见通用属性

是否可点击进入编辑状态

image

开启后,可点击进入编辑态

校验

image

表单校验,详情参见表单通用属性

样式

外边距

image

外边距,详情参见通用属性

清除按钮

image

是否显示清除按钮

CSS 样式

文本态内容颜色

image

文本态内容的颜色

文本态Hover背景颜色

image

文本态悬浮时内容的背景颜色

字体大小

image

文本字体的大小

标签字体大小

image

标签字体的大小

属性与方法

名称

类型

示例

说明

value

string

editText.value

当前输入内容

labelText

string

editText.labelText

标签文字

palceholder

string

editText.palceholder

占位内容

editable

boolean

editText.editable

是否可点击进入编辑态

editing

boolean

editText.editing

是否为编辑态

hidden

boolean

editText.hidden

组件是否隐藏

validationStatus

boolean

editText.validationStatus

组件校验后的状态

validationMessage

string

editText.validationMessage

组件校验后的信息

blur

func

editText.blur()

组件失去焦点

focus

func

editText.focus()

组件获得焦点

validate

func

editText.validate()

组件校验

setValue

func

editText.setValue('')

设置组件的内容

setEditing

func

editText.setEditing(true)

设置组件的编辑态

setHidden

func

editText.setHidden(true)

设置组件的隐藏状态

clearValue

func

editText.clearValue()

清除组件的 value 值

clearHidden

func

editText.clearHidden()

清除组件的 hidden 值

clearValidate

func

editText.clearValidate()

清除组件的校验信息

事件回调

配置

说明

image

组件的值发生改变后触发的事件

image

组件获得焦点后触发的事件

image

组件失去焦点后触发的事件