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> 是一个UI组件,提供用户界面,用于输入搜索查询和向搜索提供程序提交请求。


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

<SearchBar> 使用提供双向数据绑定 v-model

<SearchBar v-model="searchQuery" />

道具

名称类型描述
hintString获取或设置输入区域的占位符文本。
textString获取或设置搜索查询的值。
textFieldBackgroundColorColor获取或设置输入区域的背景颜色。
textFieldHintColorColor获取或设置占位符文本的颜色。

活动

名称描述
textChange文本更改时发出。
submit提交搜索输入时发出。
clear通过输入区域中的 X 按钮清除当前搜索输入时发出。

原生组件

AndroidiOS
android.widget.SearchViewUISearchBar
Contributors