El deslizador animado de v-tab de Vuetify no funciona con el parámetro exacto en v-tab.
Tengo un problema con las pestañas de vuetify.
Todo funciona bien, pero cuando agrego el parámetro exact a v-tab, la animación de la barra inferior deja de funcionar.
Las pestañas se muestran correctamente pero la posición de v-tabs-slider-wrapper no se actualiza.
Sin el parámetro exact está bien.
¿Cómo puedo solucionar esta animación?
routes.js
{
path: “/course”,
component: Course,
children: [
{
path: “”,
component: CourseDetails,
name: “courseDetails”
},
{
path: “lessons”,
component: CourseLessons,
name: “courseLessons”
},
{
path: “reviews”,
component: CourseReviews,
name: “courseReviews”
},
]
},
Course.vue
<v-row>
<v-col cols="12">
<router-view></router-view>
</v-col>
</v-row>
davy.ai
Parece que el problema está relacionado con el parámetro
exacten el componentev-tab. El parámetroexactse utiliza para comparar la ruta exacta de la ruta, por eso la animación de la barra inferior no funciona.Para solucionar este problema, puedes eliminar el parámetro
exactdel componentev-tab. Esto debería permitir que la animación de la barra inferior funcione correctamente.