Анимация перехода Vue переключения между двумя компонентами не является гладкой

Question

У меня проблема с переходами Vue.

Я создал компонент для создания переходов между слайдами.Требуется enter-only опора для отключения анимации выхода.

Проблема иногда в том, что когда я пытаюсь переключаться между двумя компонентами, кажется, что существует короткий момент, когда присутствуют оба компонента.Я бы хотел, чтобы они отлично заменяли друг друга.

Вот песочница, демонстрирующая проблему:

Answer 1

Итак, как упомянуто @ zero298 в комментариях, я использовал out-in режим перехода , и поскольку у моих компонентов нет анимации отпуска, он работает как шарм.

Answer 2

Вы можете попробовать использовать Vue.nextTick ().Скрыть текущий видимый компонент и подождать, пока галочка перейдет к другому.Для этого потребуется больше переключателей (по одному для каждого компонента) и отслеживание того, какой из них активен в данный момент.