v-list-item-group missing in docs and inconsistent model behavior

[Billybobbonnet]

Hi all!

First, I wanted to report that v-list-item-group is not in the API widget of the list page (but it is in the main API widget)

Second, I wanted to have more details about this component, as it is not very documented
I am making a settings page based on this example: https://vuetifyjs.com/en/components/lists/#subheadings-and-dividers

I can't understand the behavior of the v-list-item-group model array: it behaves inconsistently and I can't find how to load default values for the v-list-item-group model.

Here is a pen replicating what I mean : https://codepen.io/billybobbonnet/pen/QWjPXYo?editors=1011
It's edited from the doc example. I changed @click="toggle" to @change="toggle;updateVuex('4',$event)" to get back the field id and its value ($event being the checkbox value) and I log the model object of v-list-item-group at each change.

Note also that my attempt to define default values in data didn't work as expected (if it was an array of boolean values as model)

[Billybobbonnet]

Solved on Discord

mdiablo83Aujourd’hui à 17:54
@antoine I noticed you were trying to initialize your item-group selections as 0/1 ~booleans, but the item-group wants an array of selection indexes e.g. https://codepen.io/mdiablo83/pen/abvrONK?editors=1011