如何停止v-hover在Vuetify中触发功能

Question

我有这张v卡用来显示一些电影数据。 v卡周围有一个v悬停，在v卡字幕中，我正在使用一个函数来返回一些经过过滤的数据。问题是，每当我鼠标进入并离开v卡时，v-card-subtitle中的函数都会被调用。 如何防止它发生？

代码如下：

<v-container>
  <v-row justify="center">
    <v-hover v-slot:default="{ hover }" :value="isHover">
      <v-card flat width="200px" height="100%" :elevation="hover ? 12 : 0">
        <v-card-title>{{ movie.title }}</v-card-title>
        <v-card-subtitle>{{ getMovieGenre(movie.genres) }}</v-card-subtitle>
      </v-card>
    </v-hover>
  </v-row>
</v-container>