跳转到内容

文本域 Textarea

通过设置 auto-size,可以让文本框自适应输入内容。

可以用于多行输入。

文本域可以设置禁用和错误状态。

设置 max-length 可以限制最大字数,配合 show-word-limit 可以显示字数统计。

参数名描述类型默认值版本
model-value (v-model)绑定值string-
default-value默认值(非受控状态)string''
placeholder提示文字string-
disabled是否禁用booleanfalse
error是否为错误状态booleanfalse
max-length输入值的最大长度,errorOnly 属性在 2.12.0 版本添加number | { length: number; errorOnly?: boolean }0
show-word-limit是否显示字数统计booleanfalse
allow-clear是否允许清空文本域booleanfalse
auto-size是否让文本框自适应内容高度boolean | { minRows?: number; maxRows?: number }false
word-length字符长度的计算方法(value: string) => number-
word-slice字符截取方法,同 wordLength 一起使用(value: string, maxLength: number) => string-2.12.0
textarea-attrs透传给 textarea 的属性Record<string, any>-
事件名描述参数
input用户输入时触发value: string
ev: Event
change仅在文本框失焦时触发value: string
ev: Event
clear点击清除按钮时触发ev: MouseEvent
focus文本框获取焦点时触发ev: FocusEvent
blur文本框失去焦点时触发ev: FocusEvent
方法名描述参数返回值版本
focus使输入框获取焦点--2.24.0
blur使输入框失去焦点--2.24.0