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-icon-cb
디폴트
null
타입
function

Components.Textarea.

이름
append-outer-icon New in — v1.1
디폴트
undefined
타입
string

Components.Textarea.

이름
append-outer-icon-cb New in — v1.1
디폴트
null
타입
function

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.

이름
clear-icon-cb
디폴트
null
타입
function

Components.Textarea.

이름
clearable
디폴트
false
타입
boolean

Add input clear functionality, default icon is Material Icons clear

이름
color
디폴트
'primary'
타입
string

컨트롤에 색상을 지정

이름
counter
디폴트
undefined
타입
boolean | number | string

인풋 길이 카운터를 생성. 넘버가 지정되지 않으면 25가 기본 값으로 쓰입니다. 검증(validation)은 적용되지 않습니다.

이름
dark
디폴트
false
타입
boolean

다크 테마를 적용

이름
disabled
디폴트
false
타입
boolean

Components.Textarea.

이름
dont-fill-mask-blanks
디폴트
false
타입
boolean

Disables the automatic character display when typing

이름
error
디폴트
false
타입
boolean

수동으로 인풋을 에러 상태로 만듬

이름
error-count
디폴트
1
타입
number | string

Components.Textarea.

이름
error-messages
디폴트
[]
타입
string | array

인풋을 에러 상태로 만들고 커스텀 에러메시지를 전달. rules prop에 의해 발생하는 임이의 검증과 결합가능. 이 필드가 검증을 호출하지는 않습니다.

이름
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

Apply a custom character mask to the input. See mask table above for more information

이름
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

접두사(prefix) 표시

이름
prepend-icon
디폴트
undefined
타입
string

Components.Textarea.

이름
prepend-icon-cb
디폴트
null
타입
function

Components.Textarea.

이름
prepend-inner-icon New in — v1.1
디폴트
undefined
타입
string

Components.Textarea.

이름
prepend-inner-icon-cb New in — v1.1
디폴트
null
타입
function

Components.Textarea.

이름
readonly
디폴트
false
타입
boolean

Components.Textarea.

이름
return-masked-value
디폴트
false
타입
boolean

Returns the unmodified masked string

이름
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

접미사(suffix) 표시

이름
type
디폴트
'text'
타입
string

인풋 타입을 설정

이름
validate-on-blur
디폴트
false
타입
boolean

blur 이벤트까지 검증을 지연

이름
value
디폴트
undefined
타입
any

표시여부를 조절 (Controls visibility)

예제

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