Skip to content

Textarea 文本域

基础使用

设置属性 variant,修改选择器风格。有 underlinedoutlinedfilled 三种风格,默认情况下为 underlined。设置属性 label 表示文本域相关信息。设置 value 属性,或绑定 v-model:value 来表示输入内容。

清除内容

设置 clearable 属性,可开启一键清空内容功能。

禁用状态

设置 disabled 属性,文本域进入不可编辑状态。

加载状态

设置 loading 属性,文本域进入加载状态,表示正在执行一些操作。

图标

支持在文本域前后内外 —— 四个方位设置图标,为以下四个属性:前缀图标 prefix-icon、外部前缀图标 prefix-outer-icon、后缀图标 suffix-icon、外部后缀图标 suffix-outer-icon

行数控制

通过设置属性 rows 来控制最小行数, max-rows 来控制最大行数。

自动增长

通过设置属性 auto-grow 可使文本域的高度自适应其内容,也可搭配 rows 使用。还可以按住右下方箭头进行拖动,改变文本域高度。

错误信息

在录入用户信息时,需要对信息进行校验并反馈用户,那么可以设置 error-message 属性,来存放信息,提醒用户。

TextField API

属性

属性名说明类型默认值是否必填
value绑定值String/Number/Object/Array-No
variant样式类型underlined/outlined/filledunderlinedNo
label标签String''No
placeholder占位文字String-No
rows行数Number5No
max-rows最大行数Number-No
auto-grow自适应行数BooleanfalseNo
loading是否加载中BooleanfalseNo
clearable是否可以清空内容BooleanfalseNo
disabled是否禁用BooleanfalseNo
prefix-icon前缀图标String-No
prefix-outer-icon外部前缀图标String-No
suffix-icon后缀图标String-No
suffix-outer-icon外部后缀图标String-No
error是否错误(待加强...📝)BooleanfalseNo
message提示信息(待加强...📝)String-No