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

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

<SearchBar> - визуальный компонент, который предоставляет пользовательский интерфейс для ввода поисковых запросов и отправки запросов поисковому провайдеру.


<SearchBar hint="Search hint" :text="searchPhrase" @textChange="onTextChanged" @submit="onSubmit" />

<SearchBar> обеспечивает двустороннюю привязку данных, используя v-model.

<SearchBar v-model="searchQuery" />

Свойства

ИмяТипОписание
hintStringПолучает или задает текст для подсказки текстового поля.
textStringПолучает или задает значение поискового запроса.
textFieldBackgroundColorColorПолучает или задает цвет фона для поля ввода.
textFieldHintColorColorПолучает или задает цвет текста для подсказки текстового поля.

События

ИмяОписание
textChangeСрабатывает для изменении текста.
submitСрабатывает при подтверждении (submit) в поле ввода.
clearСрабатывает, когда текущее значение поля ввода очищено с помощью кнопки X, расположенного в поле ввода.

Нативный компонент

AndroidiOS
android.widget.SearchViewUISearchBar
Contributors