2017-06-22 17 views
1

私のプロジェクトではVuetifyjs libraryを使用しています。コンポーネントにトランジションを追加したいのですが、トランジションを開始する方法に関するドキュメントはありません。コンポーネントで「vuetify」トランジションを使用するにはどうすればよいですか?

たとえば、画面上に自分のカードの外観にいくつかのトランジションを追加したいとします。

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

移行を開始するにはどうすればよいですか?

答えて

5

トランジションでカードテキストを折り返します。私は真、テキストスライドにV-ショー=「ショー」モデルをトリガする場合。

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

をあなたはそれがボタントリガーを持っているか、した後もtrueにショーをトリガーのonCreate()メソッドを追加することができますコンポーネント負荷。

+0

ありがとうございます - 私はそれを試してみます – YanDatsyuk

+3

ドキュメンテーションの必要な部分 – andrei

+0

"hidden-xs-only"のようなクラスのためアイテムが表示されたり消えたりするときにトランジションをトリガすることも可能ですか?私は小さな画面で消えるコンポーネントを持っていますが、それが見えなくなってしまったら、はるかに良く見えます。 – exhuma

関連する問題