Ка в Vue покрутить спиннер кнопки при переходе, в зависимости от маршрута?

Question

[Игорь]

Как покрутить спиннер кнопки при переходе, в зависимости от маршрута?
Использую Vuetify.

У кнопки есть параметры to и loading.

1. Нужно определить факт перехода
2. Точечно изменить значение директивы loading на true

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

Подозреваю, что можно это сделать как-то через свою директиву.

Answer 1

[Валерий Воронков]

У роутинга есть параметы from, to - которые определяют переход откуда и куда. Наверное, Вам нужно в эту сторону копать.
Component Guards

Comments

[Игорь]

Ну конечно есть.
Я прекрасно знаю об этом и о хуках жизненного цикла.

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

[Дмитрий Голов]

Игорь, задайте для экземпляра кнопки событие @click, а в нем уже обрабатывайте свойства экземпляра. Это конечно если переход по клику на кнопке. Для программных переходов тоже в принципе без проблем можно сделать.

[Игорь]

Дмитрий Голов,

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

to

Answer 2

[Александр Талалаев]

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