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

它似乎正在以某种方式工作。所有项目都是动画而非项目