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>
es un componente de UI que muestra un campo de texto que sirve para ejecutar búsquedas y enviar información al proveedor de búsqueda.
<SearchBar hint="Search hint" :text="searchPhrase" @textChange="onTextChanged" @submit="onSubmit" />
<SearchBar>
provee enlace de datos bidireccional (two-way data binding) usando v-model
.
<SearchBar v-model="searchQuery" />
Nombre | Tipo | Descripción |
---|---|---|
hint | String | Obtiene o establece el placeholder para el campo de texto. |
text | String | Obtiene o establece el valor del campo de texto. |
textFieldBackgroundColor | Color | Obtiene o establece el color del fondo del campo de texto |
textFieldHintColor | Color | Obtiene o establece el color del placeholder del campo de texto. |
Nombre | Descripción |
---|---|
textChange | Emitido cada vez que cambia el valor del campo de texto. |
submit | Emitido cuando se envian el valor del campo de texto. |
clear | Emitido cada vez que se limpia el valor del campo de texto (presionando el botón X). |
Android | iOS |
---|---|
android.widget.SearchView | UISearchBar |