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.

사용법


API

v-input
이름
append-icon
디폴트
undefined
타입
string
이름
append-icon-cb
디폴트
null
타입
function
이름
background-color
디폴트
undefined
타입
string
이름
color
디폴트
undefined
타입
string

컨트롤에 색상을 지정

이름
dark
디폴트
false
타입
boolean

다크 테마를 적용

이름
disabled
디폴트
false
타입
boolean
이름
error
디폴트
false
타입
boolean

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

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

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

이름
height
디폴트
undefined
타입
number | string

컴포넌트의 높이를 설정

이름
hide-details
디폴트
false
타입
boolean
이름
hint
디폴트
undefined
타입
string
이름
label
디폴트
undefined
타입
string
이름
light
디폴트
false
타입
boolean

라이트 테마를 적용

이름
messages
디폴트
[]
타입
string | array
이름
persistent-hint
디폴트
false
타입
boolean
이름
prepend-icon
디폴트
undefined
타입
string
이름
prepend-icon-cb
디폴트
null
타입
function
이름
readonly
디폴트
false
타입
boolean
이름
rules
디폴트
[]
타입
array

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

New in — v1.1
이름
success
디폴트
false
타입
boolean
New in — v1.1
이름
success-messages
디폴트
[]
타입
string | array
이름
validate-on-blur
디폴트
false
타입
boolean

blur 이벤트까지 검증을 지연

이름
value
디폴트
undefined
타입
any

표시여부를 조절 (Controls visibility)