- elements:utilities
- 介绍
- 入门
- 路由
- 实用工具
- elements:layouts
- elements:action-bar
- elements:components
- elements:dialogs
- elements:utilities
SearchBar
这是对 SearchBar 最常用用法的一个概述。有关可用属性、方法或事件的更多信息，请访问 SearchBar 的完整 API 文档.
<SearchBar> 是一个 UI 组件，提供用户界面以输入搜索查询并向搜索提供者提交请求。
<SearchBar hint="Search hint" :text="searchPhrase" @textChange="onTextChanged" @submit="onSubmit" /><SearchBar> 使用 v-model 提供双向数据绑定。
<SearchBar v-model="searchQuery" />
Props
| 名称 | 类型 | 描述 |
|---|---|---|
hint | 字符串 | 获取或设置输入区域的占位符文本。 |
text | 字符串 | 获取或设置搜索查询的值。 |
textFieldBackgroundColor | 颜色 | 获取或设置输入区域的背景颜色。 |
textFieldHintColor | 颜色 | 获取或设置占位符文本的颜色。 |
事件
| 名称 | 描述 |
|---|---|
textChange | 文本更改时发出。 |
submit | 提交搜索输入时发出。 |
clear | 通过输入区域中的**X**按钮清除当前搜索输入时发出。 |
原生组件
| Android | iOS |
|---|---|
android.widget.SearchView | UISearchBar |
贡献者
