`transition-group`で属性や小道具を設定する方法

Question

Vuejsで小道具や属性を設定するにはどうすればいいですか？transition-group？ は例えば、私はこのスニペット

<v-layout :row="true" wrap> 
    <v-card v-for="(file, id) in files" :key="id"> 
    ... 
    </v-card> 
</v-layout> 

を持ってそれから私は、カードのリストでトランジションをアニメーション化したいので、私はこれにそれを変換することができますか？ transition-groupためのAPIに基づいて

<transition-group name="card-in-out" tag="v-layout" :row="true" wrap> 
    <v-card v-for="(file, id) in files" :key="id"> 
    ... 
    </v-card> 
</transition-group> 

Answer 1

、小道具に渡す方法があるようには思えません。 tag propは、DOMに置かれたトランジショングループの名前を変更するためのものです。私はちょうどあなたが変換をトリガするために使用しようとしているイベントは何<v-layout row wrap>

<v-layout row wrap> 
<v-flex xs12> 
    <transition-group name="card-in-out"> 
    <v-card 
    v-for="item in items" 
    :key="item" 
    class="list-item" 
    > 
    <v-card-title primary-title> 
     <div class="headline">Card Title {{ item }}</div> 
    </v-card-title> 
    </v-card> 
    </transition-group> 
</v-flex> 
</v-layout>