# Checkboxes
v-checkbox
コンポーネントは、ユーザーに二値を選択する機能を提供します。 スイッチに非常によく似ており、複雑なフォームやチェックリストで使用できます。 シンプルな v-simple-checkbox
は主にdata-tableコンポーネントで行を選択したり、インラインのブール値データを表示したりするための軽量な代替手段として使用されています。
# 使い方
最もシンプルなフォームの v-checkbox
は、二値の切り替えを提供します。
# API
# サンプル
# Props
# Colors
チェックボックスは、 color propを使用して、組み込みの色とコンテキスト名を使用して色を付けることができます。
# 配列としてのモデル
複数の v-checkbox
群 は配列を使用して同じ v-model を共有できます。
# ブール値としてのモデル
単体の v-checkbox
はvalueとしてブール値を持ちます。
# 状態
v-checkbox
は、default, disabled, indeterminateのような異なる状態を持つことができます。
# Slots
# Label スロット
label
スロットで、チェックボックスのラベルを定義することができます。HTML コンテンツを使用することができます。
# その他
# インライン・テキストフィールド
v-checkbox
は、 v-text-field
のような他のコンポーネントと並べて配置できます。
準備はできましたか?
Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:11/12/2024, 6:59:50 AM