Как сделать анимацию для отдельных элементов при переходе по vue-router?

Question

[reasonov]

Здравствуйте, есть задача: при переходе на новую страницу нужно задать анимацию элементам. Например пользователь переходит с главной страницы на страницу магазина, нажимается кнопка и отдельные элементы на главной странице начинают уезжать, после чего открывается страница магазина и на ней элементы выезжают.
Есть идеи, как это реализовать?

Comments

[Михаил]

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

Answer 1

[terka43]

На кнопку сделать анимации ухода, потом редирект с параметрами на страницу магазина, если параметры есть, то делаем анимацию выезда элементов