Textarea 文本域

用于输入多行文本信息可缩放的输入框。

文本域高度可通过 rows 属性控制

基础用法

基础文本域

自动高度

Textarea 属性

属性说明类型可选值默认值
modelValue / v-model绑定值string / number
maxlength最大输入长度string / number
minlength原生属性,最小输入长度number
show-word-limit是否显示输入字数统计booleanfalse
placeholder输入框占位文本string
disabled是否禁用booleanfalse
rows输入框行数number2
autosize高度是否自适应, 可以接受一个对象,比如: { minRows: 2, maxRows: 6 }boolean / objectfalse
autocomplete原生属性,自动补全stringoff
name原生属性string
readonly原生属性,是否只读booleanfalse
max原生属性,设置最大值
min原生属性,设置最小值
step原生属性,设置输入字段的合法数字间隔
resize控制是否能被用户缩放stringnone / both / horizontal / vertical
autofocus原生属性,自动获取焦点booleanfalse
form原生属性string
label输入框关联的 label 文字string
tabindex输入框的 tabindexstring / number--
inner-styletextarea 元素的 styleobject-{}

Textarea 事件

事件名说明参数
blur失去焦点时触发(event: Event)
focus获得焦点时触发(event: Event)
change在失去焦点或用户按下回车时触发(value: string | number)
input在输入值改变时触发(value: string | number)
clear在点击由 clearable 属性生成的清空按钮时触发

Textarea 方法

方法说明参数
focus使 Textarea 获取焦点
blur使 Textarea 失去焦点
select选中 Textarea 中的文字