Как анимировать первый элемент массива вместо длится по vue (animate.css) - PullRequest
Новая
       22

Как анимировать первый элемент массива вместо длится по vue (animate.css)

0 голосов
/ 20 июня 2019

У меня есть массив, который был обновлен по времени, но animate.css всегда анимирует последний элемент массива при изменении массива. 

<template>

<div class="">


    <div v-for="(device,index) in value" :key="index">
      <div v-if="device.hasOwnProperty('timeIn')" class="row" >
        <transition  :duration = "700" type="animation" enter-active-class="bounceInLeft" leave-active-class="bounceInRight" appear mode="out-in" key="1">
            <app-user-detected  :userDetected="device" ></app-user-detected key="1">
        </transition>

       </div>
        <div v-if="device.hasOwnProperty('timeOut')" class="out row" :key="3">
        <transition :duration = "400" type="animation" enter-active-class="fadeIn" leave-active-class="fadeOut" appear mode="out-in">
            <app-user-detail :userDetail="device"></app-user-detail>
        </transition>
        </div>


   </div>

</div>
</template>
...