Tengo <v-tabs> este tipo:

 <v-tabs fixed-tabs centered align-with-title height="55" class="d-flex align-end justify-center mt-0" > <v-tabs-slider color="pink" v-show="(searchClosed && !search)"></v-tabs-slider> <v-tab :disabled="!searchClosed" :to="{ name : 'home' }">Home</v-tab> <v-tab :disabled="!searchClosed" :to="{ name : 'premiers' }">Premiers</v-tab> <v-menu offset-y bottom max-height="500" v-model="genresMenu"> <template v-slot:activator="{ on, attrs }"> <v-tab @click="genresMenu = !genresMenu" bind="attrs" v-on="on">Genres</v-tab> </template> <v-list nav rounded max-width="800" align="center" > <v-list-item v-for="genre in genres" :key="genre.id" :to="{ name : 'genre', params: { id: genre.id }}" > <v-list-item-title>{{ genre.name }}</v-list-item-title> </v-list-item> </v-list> </v-menu> </v-tabs>

La clase activa cambia entre la pestaña Inicio / Estrenos según sea necesario, pero cuando hace clic en el enlace de la pestaña Género, la clase activa se actualiza y regresa a la pestaña Inicio. ¿Puedo de alguna manera mantener activa la pestaña Género después de seguir el enlace dentro de v-list-item? Ruta de ejemplo: /género/1