Currently, I am facing an issue with Vue's default behavior where only one v-list-group can be open at a time. I am using Vuetify 2.6 and have attempted to use the multiple prop without success. Additionally, individually assigning the :value prop to render "true" for both v-list-groups has not helped either.
<v-list-group>
<template v-slot:activator>
<v-list-item-content>
<v-list-item-title>Networking</v-list-item-title>
</v-list-item-content>
</template>
<v-list-item
v-for="(setting, i) in itemsettingsNetworking"
:key="i"
:class="{'active': openMenu == setting[0]}"
@click="menu_change(setting[0])"
>
<v-list-item-title>{{ setting[0] }}</v-list-item-title>
</v-list-item>
</v-list-group>
<v-list-group>
<template v-slot:activator>
<v-list-item-content>
<v-list-item-title>Interfaces</v-list-item-title>
</v-list-item-content>
</template>
<v-list-item
v-for="(setting, i) in itemsettingsInterface"
:key="i"
:class="{'active': openMenu == setting[0]}"
@click="menu_change(setting[0])"
>
<v-list-item-title>{{ setting[0] }}</v-list-item-title>
</v-list-item>
</v-list-group>