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
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
modelValue | string | '' | 双向绑定值 |
label | string | — | 顶部 Label |
placeholder | string | — | 占位符 |
rows | number | 3 | 初始行数 |
maxlength | number | — | 最大字符数 |
showCount | boolean | false | 是否展示字数统计 |
autosize | boolean | { minRows?: number; maxRows?: number } | false | 自动撑高 |
disabled | boolean | false | 禁用 |
readonly | boolean | false | 只读 |
error | boolean | false | 错误态 |
errorMessage | string | — | 错误提示 |
Emits
同 Input。