# List item groups
v-list-item-group
は選択可能な v-list-item
のグループを作成する機能を提供します。 v-list-item-group
コンポーネントは、 v-item-group をコアとして使用し、対話型リストにクリーンなインターフェイスを提供します。
# 使い方
デフォルトでは、 v-list-item-group
は v-item-group
と同様に動作します。 value が指定されていない場合、グループはインデックスに基づいてデフォルトを指定します。
# API
# サンプル
# Props
# Active class
項目が選択されたときに追加されるクラスを設定できます。
# Mandatory(必須)
少なくとも 1 つのアイテムを選択する必要があります。
# Multiple
複数の項目を一度に選択できます。
# その他
# Flat list
選択したv-list-item
の項目のデフォルトのハイライトを簡単に消すことができます。 これにより、ユーザーの選択をより目立たない状態にすることができます。
# Selection controls
デフォルトのスロットを使うと、アイテムの内部状態にアクセスしてその状態を切り替えることができます。 active propは_boolean_なので、チェックボックスのtrue-value propを使って、その状態をv-list-item
にリンクさせます。
準備はできましたか?
Vuetifyのチームが選ぶ関連コンテンツで他の学習トピックに進むか、下のナビゲーション リンクでページ間を移動できます。
GitHub でこのページを編集する
最終更新日:10/07/2024, 11:31:37 AM