The v-list-item-group provides the ability to create a group of selectable v-list-items. The v-list-item-group component utilizes v-item-group at its core to provide a clean interface for interactive lists.
By default, the v-list-item-group operates similarly to v-item-group. If a value is not provided, the group will provide a default based upon its index.
Wählen Sie unten Ihren gewünschte Komponente aus und sehen Sie die verfügbaren Attribute, Slots, Ereignisse und Funktionen.
Unten finden Sie eine Sammlung einfacher bis komplexer Beispiele.
You can easily disable the default highlighting of selected v-list-items. This creates a lower profile for a user's choices.
You can select multiple items at one time.
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.