Vue задержка анимации выхода из переходной группы - PullRequest
Новая
       8

Vue задержка анимации выхода из переходной группы

0 голосов
/ 29 мая 2020

Проблема, с которой я столкнулся, связана с элементом <transition-group>. У меня есть несколько дочерних элементов, которые переходят, поскольку фильтры применяются с использованием v-show.

Анимация ввода срабатывает нормально, но анимация выхода очень задерживается. Что могло быть причиной этой задержки?

(Я публикую здесь свой код, хотя не верю, что это проблема. На странице все отображается правильно. Единственная проблема связана с переходами). 

<transition-group name="card" mode="out-in" id="results-card-container">
            <a :href="'/plan/' + plan.code" :key="plan.id" class="card column column-block"
               :class="{ 'pf-no-images': !plan.overview_images.length}"
               v-for="plan in plans"
               v-show="plan.active">
               <!--removed irrelevant code-->
            </a>
</transition-group>

Ссылка на то, что явно происходит в DOM

...