NativeScript-Vue 2.0: Back to the Vueture (Webinar) is now on YouTube
ListPicker

This is an overview of the most common usage of ListPicker. For more information about the available properties, methods, or events, head over to the complete API documentation for ListPicker.

ListPicker 컴포넌트는 사용자가 리스트로 부터 값을 선택할 수 있도록 해줍니다.


<ListPicker :items="listOfItems" selectedIndex="0"
    @selectedIndexChange="selectedIndexChanged" />

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

<ListPicker :items="listOfItems" v-model="selectedItem" />

Props

이름타입설명
itemsArray<String>리스트 선택기에 표시되는 옵션들의 스트링 배열.
selectedIndexNumber현재 선택된 아이템의 인덱스.

이벤트

이름설명
selectedIndexChange리스트 선택기에서 선택된 옵션(인덱스)가 바뀔때 발생(Emit)

네이티브 컴포넌트

AndroidiOS
android.widget.NumberPickerUIPickerView
Contributors