javascript - 如何在我的组件上使用 "vuetify"转换？

Question

我正在使用 Vuetifyjs library在我的项目中。我想向我的组件添加转换 - 但没有关于如何开始转换的文档。

例如，我想为我的卡片在屏幕上的外观添加一些过渡效果。

<v-card transition="v-slide-y-transition">...</v-card>

如何开始过渡？

Answer 1

这会在过渡中包装一些卡片文本​​。当我触发 v-show="show"模型为真时，文本滑入。

<v-slide-y-transition>
  <v-card-text v-show="show">
    Example text
  </v-card-text>
</v-slide-y-transition>

您可以让一个按钮触发它，甚至可以添加一个 onCreate() 方法来在组件加载后触发显示为真。