# List item groups

v-list-item-group は選択可能な v-list-itemのグループを作成する機能を提供します。 v-list-item-group コンポーネントは、 v-item-group をコアとして使用し、対話型リストにクリーンなインターフェイスを提供します。

# 使い方

デフォルトでは、 v-list-item-groupv-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