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

props

slots

events

이름

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

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

입력시 자동 문자 표시 비활성화

이름

error

디폴트

false

타입

boolean

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

이름

error-count

디폴트

타입

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

라이트 테마를 적용

이름

디폴트

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-inner-icon New in — v1.1

디폴트

undefined

타입

string

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

디폴트

타입

number | string

Components.Textarea.

이름

rows

디폴트

타입

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.

Up Next

Edit this page | language on Github

— Contribution Guide