v-ons-switch

スイッチを表示するコンポーネントです。

Switches

A switch is an UI element that can be used to toggle between two states.

The state of a switch in Onsen UI can be changed both by dragging the knob and by tapping on the switch.

To make the switch enabled by default you can use :modelProp="true", or v-model for two-way data binding.

To disable the switch the disabled prop is used.

名前	型 / デフォルト値	概要
disabled	Boolean	スイッチを無効の状態にする場合に指定します。 Optional.
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	Whether the switch is checked or not. （翻訳中） Optional.
modifier	String	スイッチの表現を指定します。 Optional.

Name	概要
material	Material Design switch （翻訳中）

名前	概要
change	ON/OFFが変わった時に発火します。
update:modelValue	Fired right after the event set in the modelEvent prop. （翻訳中）

ON/OFFが変わった時に発火します。

名前	型	概要
event	Object	イベントオブジェクト。
event.switch	Object	イベントが発火したSwitchオブジェクトを返します。
event.value	Boolean	現在の値を返します。
event.isInteractive	Boolean	タップやクリックなどのユーザの操作によって変わった場合にはtrueを返します。

Fired right after the event set in the modelEvent prop. （翻訳中）

名前	型	概要

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

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

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