You are reading docs for v1.3.1, click here for the latest version.
텍스트필드 (TextField)

This is an overview of the most common usage of 텍스트필드 (TextField). For more information about the available properties, methods, or events, head over to the complete API documentation for 텍스트필드 (TextField).

텍스트필드(TextField) 컴포넌트는 편집가능한 한줄짜리 박스를 만듭니다.


<TextField :text="textFieldValue" hint="Enter text..." />

노트: 이 컴포넌트는 v-model 을 이용한 양방향(two-way) 바인딩을 지원합니다:

<TextField v-model="textFieldValue" />

Props

이름타입설명
textString텍스트필드의 값
hintString플레이스홀더 텍스트
editableBooleantrue 면 사용자가 텍스트필드의 값을 수정할 수 있음
maxLengthNumber입력 가능한 글자수를 제한
secureBooleantrue 면 입력된 텍스트를 숨깁니다. 기본값은 false.
keyboardTypeKeyboardType쉬운 텍스트 입력을위해 커스텀 키워드를 보여줍니다. 가능한 값: datetime, phone, number, url, email.
returnKeyTypeReturnKeyType리턴키의 레이블. 가능한 값: done, next, go, search, send.

이벤트

이름설명
textChange텍스트가 바뀌면 발생
returnPress리턴키가 눌리면 발생
focus텍스트필드가 포커스되면 발생
blur텍스트필드가 포커스를 잃으면 발생

Native Component

AndroidiOS
android.widget.EditTextUITextField
Contributors