Skip to content

Textarea 文本域

多行文本输入框,支持自适应高度与字数统计。

基础用法

vue
<ATextarea v-model="value" label="留言" :rows="3" />

自动撑高 + 字数统计

设置 autosize 后,Textarea 会根据内容自动伸缩,可通过 minRows / maxRows 设置上下限。

23/200
vue
<ATextarea
  v-model="value"
  :autosize="{ minRows: 2, maxRows: 6 }"
  :maxlength="200"
  show-count
/>

API

Props

名称类型默认值说明
modelValuestring''双向绑定值
labelstring顶部 Label
placeholderstring占位符
rowsnumber3初始行数
maxlengthnumber最大字符数
showCountbooleanfalse是否展示字数统计
autosizeboolean | { minRows?: number; maxRows?: number }false自动撑高
disabledbooleanfalse禁用
readonlybooleanfalse只读
errorbooleanfalse错误态
errorMessagestring错误提示

Emits

Input

MIT License