Анимация при изменении внутреннего маршрута, Vue
Использую Vue, Vue-router. Необходимо запускать анимацию при изменении маршрута включая внутренние маршруты. Но анимация срабатывает только при изменении простых маршрутов.
Те при переходе '/course' -> '/lessons' анимация отрабатывает, а при переходе '/lesson/1' -> '/lesson/2' анимация не происходит. Как это можно изменить?
<transition name="slide" mode="out-in">
<router-view></router-view>
</transition>
Ответы (1 шт):
Автор решения: Tea
→ Ссылка
Анимации не происходило, тк внутренним маршрутам соответствовал одинаковый компонент. Чтобы эти компоненты были разные нужно задать уникальный ключ. Можно сделать данный ключ, зависящим от пути маршрута.
<transition name="slide" mode="out-in">
<router-view :key="$route.path"></router-view>
</transition>