多行输入框

简介

多行输入框是表单中常见组件,在需要用户输入多行内容时使用。

image

配置项

分类

配置

示例

说明

内容

默认值

image

组件默认值

占位内容

image

占位内容

最大长度

image

允许输入字符的最大长度

标签

image

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

交互

隐藏

image

隐藏,详情参见通用属性

禁用

image

禁用,禁用后不可点击、选中

校验

image

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

样式

外边距

image

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

清除按钮

image

是否显示清除按钮

自动换行

image

自动换行开启时,可设置最大行数和最小行数。

行数

image

自动换行关闭时,可设置固定行数

CSS 样式

圆角

image

圆角

字体大小

image

字体大小

文字颜色

image

文字颜色

标签字体大小

image

标签字体大小

属性与方法

名称

类型

示例

说明

value

string

textArea.value

组件的内容

labelText

string

textArea.labelText

组件的标签文字

disabled

boolean

textArea.disabled

组件是否禁用

maxLength

number

textArea.maxLength

组件的最大长度

maxHeight

number

textArea.maxHeight

组件的最大行数

minHeight

number

textArea.minHeight

组件的最小行数

placeholder

string

textArea.placeholder

组件的占位内容

hidden

boolean

textArea.hidden

组件是否隐藏

validationStatus

boolean

textArea.validationStatus

组件校验后的状态

validationMessage

string

textArea.validationMessage

组件校验后的信息

blur

func

textArea.blur()

组件失去焦点

focus

func

textArea.focus()

组件获得焦点

validate

func

textArea.validate()

组件校验

setValue

func

textArea.setValue('')

设置组件的内容

setDisabled

func

textArea.setDisabled(true)

设置组件的禁用状态

setHidden

func

textArea.setHidden(true)

设置组件的隐藏状态

clearValue

func

textArea.clearValue()

清除组件的 value 值

clearHidden

func

textArea.clearHidden()

清除组件的 hidden 值

clearValidate

func

textArea.clearValidate()

清除组件的校验信息

事件回调

配置

说明

image

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

image

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

image

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

image

组件内按下回车键后触发的事件