Comment utiliser les transitions "vuetify" sur mes composants?

Question

J'utilise bibliothèque Vuetifyjs dans mon projet. Je veux ajouter des transitions à mes composants - mais il n'y a pas de documentation sur la façon de démarrer les transitions.

Par exemple, je veux ajouter des transitions à l'apparence de mes cartes à l'écran.

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

Comment démarrer la transition?

Answer 1

Cela encapsule du texte de carte dans une transition. Lorsque je déclenche le modèle v-show = "show" sur true, le texte se glisse.

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

Vous pouvez avoir un bouton pour le déclencher ou même ajouter une méthode onCreate () qui déclenche l'affichage sur true après le chargement du composant.