Textarea

Textarea components are used for collecting large amounts of textual data.

用例

A multi-line text-field is useful for larger amounts of text.

API

v-textarea
名称
append-icon
默认值
undefined
类型
string

Components.Textarea.

名称
append-outer-icon New in — v1.1
默认值
undefined
类型
string

Components.Textarea.

名称
auto-grow
默认值
false
类型
boolean

Components.Textarea.

名称
autofocus
默认值
false
类型
boolean

启用自动聚焦

名称
background-color
默认值
undefined
类型
string

Components.Textarea.

名称
box
默认值
false
类型
boolean

应用备用输入框样式

名称
browser-autocomplete
默认值
undefined
类型
string

Components.Textarea.

名称
clear-icon
默认值
'$vuetify.icons.clear'
类型
string

Components.Textarea.

名称
clearable
默认值
false
类型
boolean

添加输入框清除功能,默认图标是 Material Icons clear

名称
color
默认值
'primary'
类型
string

将指定的色彩应用与控件

名称
counter
默认值
undefined
类型
boolean | number | string

为输入长度创建一个计数器,如果未指定数字,则默认为25,不会应用任何验证。

名称
dark
默认值
false
类型
boolean

应用暗黑主题变体

名称
disabled
默认值
false
类型
boolean

Components.Textarea.

名称
dont-fill-mask-blanks
默认值
false
类型
boolean

键入时禁用自动字符显示

名称
error
默认值
false
类型
boolean

将输入框设置为手动错误状态。

名称
error-count
默认值
1
类型
number | string

Components.Textarea.

名称
error-messages
默认值
[]
类型
string | array

将输入框置于错误状态,并传入自定义的错误信息。将与来自规则(rules)属性的任何验证相结合。这个字段不会触发验证。

名称
flat
默认值
false
类型
boolean

Components.Textarea.

名称
full-width
默认值
false
类型
boolean

指定输入框为全屏宽度。

名称
height
默认值
undefined
类型
number | string

设置组件高度

名称
hide-details
默认值
false
类型
boolean

Components.Textarea.

名称
hint
默认值
undefined
类型
string

Components.Textarea.

名称
label
默认值
undefined
类型
string

Components.Textarea.

名称
light
默认值
false
类型
boolean

应用明亮主题变体

名称
loading
默认值
false
类型
boolean | string

Components.Textarea.

名称
mask
默认值
undefined
类型
object | string

将自定义字符掩码应用于输入框。有关更多信息,请参阅上面的掩码表格。

名称
messages
默认值
[]
类型
string | array

Components.Textarea.

名称
no-resize
默认值
false
类型
boolean

Components.Textarea.

名称
outline
默认值
false
类型
boolean

Components.Textarea.

名称
persistent-hint
默认值
false
类型
boolean

Components.Textarea.

名称
placeholder
默认值
undefined
类型
string

Components.Textarea.

名称
prefix
默认值
undefined
类型
string

显示前缀

名称
prepend-icon
默认值
undefined
类型
string

Components.Textarea.

名称
prepend-inner-icon New in — v1.1
默认值
undefined
类型
string

Components.Textarea.

名称
readonly
默认值
false
类型
boolean

Components.Textarea.

名称
return-masked-value
默认值
false
类型
boolean

返回未修改的掩码字符串

名称
reverse New in — v1.1
默认值
false
类型
boolean

Components.Textarea.

名称
row-height
默认值
24
类型
number | string

Components.Textarea.

名称
rows
默认值
5
类型
number | string

Components.Textarea.

名称
rules
默认值
[]
类型
array

返回True或带有错误信息的字符串的函数数组。

名称
single-line
默认值
false
类型
boolean

Label does not move on focus/dirty

名称
solo
默认值
false
类型
boolean

Components.Textarea.

名称
solo-inverted
默认值
false
类型
boolean

Components.Textarea.

名称
success New in — v1.1
默认值
false
类型
boolean

Components.Textarea.

名称
success-messages New in — v1.1
默认值
[]
类型
string | array

Components.Textarea.

名称
suffix
默认值
undefined
类型
string

显示后缀

名称
type
默认值
'text'
类型
string

设置输入类型

名称
validate-on-blur
默认值
false
类型
boolean

延迟验证直到失去焦点的事件被触发

名称
value
默认值
undefined
类型
any

控制可见性

示例

Auto grow

Textarea can automatically resize when entered text exceeds its size.

Beautiful Forms

Utilizing alternative input styles, you can create amazing interfaces that are easy to build and easy to use.

Edit this page | language on Github
Vuetify 3 is now available!The latest version of Vuetify is now available!
Learn about Vuetify 3's new features and functionality for modern Vue applications
Start exploringExplore