`transition-group`에 속성이나 props를 설정하는 방법

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 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

은 transition-group에 대한 API를 기반으로, 소품에 전달하는 방법이있을 것 같지 않습니다. 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>