Vuetify v-tab 滑块动画不适用于 v-tab 中的确切参数

Question

我对vuetify tab有问题。一切正常，但是当我向 v-tab 添加确切的参数时，底部栏动画停止工作。选项卡显示正确，但 v-tabs-slider-wrapper 位置未更新。

没有确切的参数也可以。

我该如何修复这个动画？

路线.js

{
    path: "/course",
    component: Course,
    children: [
        {
            path: "",
            component: CourseDetails,
            name: "courseDetails"
        },
        {
            path: "lessons",
            component: CourseLessons,
            name: "courseLessons"
        },
        {
            path: "reviews",
            component: CourseReviews,
            name: "courseReviews"
        },
    ]
},

课程.vue

<template>
  <v-container fluid>
    <v-row>
      <v-col>
        <v-tabs v-model="activeTab" grow>
          <v-tab to="/course" exact>Details</v-tab>
          <v-tab to="/course/lessons" exact>Lessons</v-tab>
          <v-tab to="/course/reviews" exact>Reviews</v-tab>
        </v-tabs>
      </v-col>
    </v-row>

    <v-row>
      <v-col cols="12">
        <router-view></router-view>
      </v-col>
    </v-row>
  </v-container>
</template>

<script>

  export default {
    name: "Course",
  
    data: () => ({
      activeTab: null
    })
  };

</script>