<v-list shaped> <v-navigation-drawer> <v-list shaped> <v-list-item-group v-model="selectedItem" multiple > <template v-for="(item, i) in items"> <v-list-item :value="item" > <v-list-item-title>{{item.text}}</v-list-item-title> </v-list-item> </template> </v-list-item-group> </v-list> </v-navigation-drawer> data: () => ({ selectedItem: 0, drawer: null, items: [ { icon: 'fas fa-home', text: 'Dashboard', route: '/home' }, { icon: 'fas fa-money-check-alt', text: 'Invoices', route: '/invoices' }, { icon: 'fas fa-dolly', text: 'Partners', route: '/partners' }, { icon: 'fas fa-exchange-alt', text: 'Items', route: '/items' }, ], }),Código muy simple en vuetify (2.6.1), la selección múltiple no funciona, no puedo preseleccionar el primer elemento que se seleccionará también. Probablemente esté relacionado con el componente v-list-item-group.
Hay 2 errores en tu código:
:value="item" , su matriz de elementos seleccionados debe contener el objeto completo en lugar de su índice.Entonces tu código debería ser:
... <v-list-item-group v-model="selectedItem" multiple > <template v-for="(item, i) in items"> <v-list-item> <v-list-item-title>{{item.text}}</v-list-item-title> </v-list-item> </template> </v-list-item-group> ... data: () => ({ items: [ ... ], selectedItem: [0], }), ...