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> is a UI component that lets the user select a value from a pre-configured list.


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

<ListPicker> provides two-way data binding using v-model.

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

Props

NameTypeDescription
itemsArray<String>Gets or sets the items displayed as options in the list picker.
selectedIndexNumberGets or sets the index of the currently selected item.

Events

NameDescription
selectedIndexChangeEmitted when the currently selected option (index) changes.

Native component

AndroidiOS
android.widget.NumberPickerUIPickerView
Contributors