Vuetify

ショップ

企業向け

v-list-item-groupは、選択可能な v-list-item のグループを作成する機能を提供します。 v-list-item-groupコンポーネントは、コアで v-item-group を利用し、インタラクティブなリストのためのクリーンなインターフェースを提供します。

デフォルトでは、v-list-item-groupv-item-groupと同様に動作します。 value が提供されない場合、グループはそのインデックスに基づいてデフォルト値を提供します。

確認したいコンポーネントを下から選び、利用できる props、slots、events、functions を確認してください。

以下に、簡単な例から複雑な例まで示します。

You can easily disable the default highlighting of selected v-list-items. This creates a lower profile for a user's choices.

複数の項目を一度に選択できます。

At least one item must be selected.

You can set a class which will be added when an item is selected.

Using the default slot, you can access an items internal state and toggle it. Since the active property is a boolean, we use the true-value prop on the checkbox to link its state to the v-list-item.

準備はいいですか? 以下から続きが読めます。

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!