0

Использую Vue, Vue-router. Необходимо запускать анимацию при изменении маршрута включая внутренние маршруты. Но анимация срабатывает только при изменении простых маршрутов.

Те при переходе '/course' -> '/lessons' анимация отрабатывает, а при переходе '/lesson/1' -> '/lesson/2' анимация не происходит. Как это можно изменить?

<transition name="slide" mode="out-in">
    <router-view></router-view>
</transition>
1
  • я думаю, для данной проблемы можно привести воспроизводимый пример
    – Dmytro
    7 июл 2020 в 6:01

1 ответ 1

-1

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

   <transition name="slide" mode="out-in">
            <router-view :key="$route.path"></router-view>
        </transition>
1

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.