Input

The v-input component gives you a baseline to create your own custom inputs. It consists of a prepend/append slot, messages, and a default slot. It is recommended that you extend this component, but it can be used as a standalone.

사용법

v-input has 4 main areas. The prepended slot, the appended slot, the default slot, and messages. These make up the core logic shared between all form components.

API

props

slots

events

이름

append-icon

디폴트

undefined

타입

string

Components.Inputs.

이름

background-color

디폴트

undefined

타입

string

Components.Inputs.

이름

color

디폴트

undefined

타입

string

컨트롤에 색상을 지정

이름

dark

디폴트

false

타입

boolean

다크 테마를 적용

이름

disabled

디폴트

false

타입

boolean

Components.Inputs.

이름

error

디폴트

false

타입

boolean

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

이름

error-count

디폴트

타입

number | string

Components.Inputs.

이름

error-messages

디폴트

[]

타입

string | array

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

이름

height

디폴트

undefined

타입

number | string

컴포넌트의 높이를 설정

이름

hide-details

디폴트

false

타입

boolean

Components.Inputs.

이름

hint

디폴트

undefined

타입

string

Components.Inputs.

이름

label

디폴트

undefined

타입

string

Components.Inputs.

이름

light

디폴트

false

타입

boolean

라이트 테마를 적용

이름

디폴트

false

타입

boolean

Components.Inputs.

이름

messages

디폴트

[]

타입

string | array

Components.Inputs.

이름

persistent-hint

디폴트

false

타입

boolean

Components.Inputs.

이름

prepend-icon

디폴트

undefined

타입

string

Components.Inputs.

이름

readonly

디폴트

false

타입

boolean

Components.Inputs.

이름

rules

디폴트

[]

타입

array

True나 에러메시지 문자열을 반환하는 함수들의 배열

이름

success New in — v1.1

디폴트

false

타입

boolean

Components.Inputs.

이름

success-messages New in — v1.1

디폴트

[]

타입

string | array

Components.Inputs.

이름

validate-on-blur

디폴트

false

타입

boolean

blur 이벤트까지 검증을 지연

이름

value

디폴트

undefined

타입

any

표시여부를 조절 (Controls visibility)

Up Next

Edit this page | language on Github

— Contribution Guide