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" />
名前 | 型 | 説明 |
---|---|---|
hint | String | インプットエリアにプレースホルダーを取得・設定します。 |
text | String | 検索クエリの値を取得・設定します。 |
textFieldBackgroundColor | Color | インプットエリアの背景色を取得・設定します。 |
textFieldHintColor | Color | プレースホルダーのテキストの色を取得・設定します。 |
名前 | 説明 |
---|---|
textChange | テキストが変更された際に発火します。 |
submit | クエリが送信された際に発火します。 |
clear | 現在の検索クエリが検索バーのXボタンによって消去されたときに発火します。 |
Android | iOS |
---|---|
android.widget.SearchView | UISearchBar |