Как сделать последовательную анимацию transition-group?

Question

[pavelkunyavskiy]

Как сделать чтобы транзишен применялся поочередно к каждому элементу с дилеем, например полсекунды?

Анимация срабатывает при рефреше страницы - https://codepen.io/kode88/pen/ypQxpa

Насколько я понял это надо staggering? Не могу понять как это применить.

Answer 1

[Антон Антон]

решение в лоб - анимировать не список, а элемент, добавить у каждого элемента свойство "visible", присваивать его следующему элементу в хуке v-on:after-enter="afterEnter" https://ru.vuejs.org/v2/guide/transitions.html#Jav...

Comments

[pavelkunyavskiy]

Что значит добавить свойство visible? В data каждому объекту что-ли visible: false? А потом что. еще CSS класс сверху цеплять?

Answer 2

[Алекс Фил]

Мб вам тоже подойдет это решение: Последовательная анимация элементов внутри transition-group на Vuejs?