vue模板转换组

Question

当我有一个简单的列表，我有过渡工作现在即时通讯使用组件和模板转换不再工作..任何人都可以解释为什么？

我希望每个项目都有动画，而它似乎在一个转换中完成所有项目。

我使用vue2.js

我的CSS

.flip-list-move { 
    transition: transform 1s; 
} 

我的标记

 <div > 
<transition-group name="flip-list" tag="div" > 

       <div v-for="item in accFilters" class="box" v-bind:key="item" > 

        <h1>{{ item.name }}</h1> 
        <img :src="item.imageUrl" style="width:200px;"> 
        <p>{{item.extract}}</p> 
        {{ item.holidayType }} 

        <div is="task" v-for="avail in item.avail" v-bind:item="avail" > 

        </div>  


       </div> 
     </transition-group> 

     </div> 

    </template> 

Answer 1

现在看来，这是工作的方式。所有项目都是动画ra此项目