仅桌面端保证样式
Textarea 文本域
多行文本输入:字数统计、自动增高、错误与帮助文案,可接入 Form 校验(validateEvent)。
基础用法
已输入 0 字
字数统计
maxlength 限定上限,show-word-limit 显示计数:
0 / 50
自动增高
autosize 随内容伸缩;对象形态可约束行数区间:
错误与帮助文案
error 优先级高于 help,适合接校验结果:
支持 Markdown 语法
内容包含敏感词,请修改
Textarea Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| modelValue | 绑定值(v-model) | string | number | |
| rows | 默认行数 | number | 3 |
| autosize | 自动增高;对象形态 { minRows, maxRows } 约束区间 | boolean | object | false |
| maxlength | 最大输入长度 | number | — |
| show-word-limit | 显示字数统计(需配合 maxlength) | boolean | false |
| placeholder | 占位文案 | string | |
| disabled / readonly | 禁用 / 只读 | boolean | false |
| error | 错误文案(显示在下方) | string | |
| help | 帮助文案(error 缺省时显示) | string | |
| size | 尺寸(缺省跟随 Form) | large | default | small | |
| validateEvent | 接入 Form 时触发校验 | boolean | true |
| ripple | 激活涟漪动效开关:聚焦时实体色影向内收拢消散;也可在 Form 上批量关闭或全局 setRipple(false) | boolean | true |
Textarea Events
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| input / change | 输入 / 值变更提交 | (value: string) => void | — |
| focus / blur | 聚焦 / 失焦 | (e: FocusEvent) => void | — |