v-ons-search-input

実例

Search input

Search input elements are created using the VOnsSearchInput component. It works almost exactly the same as a normal <input type="search"> tag.

An attribute input-id is provided to set the ID of the inner native element. This is useful for HTMLLabel elements: <label for="some-inner-input">.

Using v-model

Search input are compatible with v-model directive. The only exception are modifiers. There is, however, a workaround for lazy modifier:

<v-ons-input v-model="something" model-event="change"></v-ons-input>

This will use change event instead of input when updating v-model.

関連情報

名前 型 / デフォルト値 概要
inputId String Specify the “id” attribute of the inner <input> element. This is useful when using <label for="..."> elements. (翻訳中) Optional.
modelEvent Boolean The native event which should trigger the update:modelValue event. (翻訳中) Optional.
modelValue Boolean The value of the input. (翻訳中) Optional.
Name 概要
material Displays a Material Design search input. (翻訳中)
名前 概要
update:modelValue Fired right after the event set in the modelEvent prop. (翻訳中)
update:modelValue

Fired right after the event set in the modelEvent prop. (翻訳中)

パラメーター
名前 概要

お困りですか?

Onsen UIに関する質問は、Stack Overflowにてonsen-uiタグを付与してください。Onsen UIチームはあなたの問題解決をお手伝いします。

バグ報告や機能要望については、GitHub Issuesに記載をお願いいたします。

あわせて、下記の情報も参考にしてください。