Как присваивать класс элементу в зависимости от состояния vue приложения?

Question

[ERomulon]

В общем у меня есть корневой App компонент, в котором через router-view рендерятся компоненты-страницы (Главная, О нас и тд). В этом корневом компоненте есть элементы слева и справа, которые по сути отображают, на какой странице (компоненте) я сейчас нахожусь. Т.е. при переходе на "О нас" правой второй полоске дается высота 60px вместо 30 и тд. Я долго смотрел и искал объяснения для чайника, как мне получить информацию о том, какой компонент вставлен в router view, чтобы в зависимости от него совершать действия с правой полоской. Как получить и засунуть эту информацию в vuex store и использовать ее дальше для анимирования всякой мелочи? Если активен index, то светится 1я полоска, если about, то 1я затухает и светиться начинает 2я. Заранее извиняюсь за дикую формулировку, но если бы я смог точно сформулировать суть своей проблемы, то вероятно, нашел бы ответ сам быстрее.

Comments

[Дима Паутов]

Пагинаторы слева и справа что делают, если мы на них нажмём?

[Roman K]

Это не ответ

[Дима Паутов]

Roman Kitaev, На основе ответа на мой вопрос, я дал бы дал ответ на изначальный вопрос.

[ERomulon]

Дима Турков, https://www.ankoku-toshi-jutsu.com/#items

По сути я хочу попробовать повторить интерфейс отсюда.

Answer 1

[Антон Антон]

https://ru.vuejs.org/v2/guide/class-and-style.html
В простых случаях router может быть избыточен и подходит простое переключение компонентов через is: https://ru.vuejs.org/v2/guide/components.html#%D0%...

Comments

[ERomulon]

https://www.ankoku-toshi-jutsu.com/#items

По сути я хочу попробовать повторить интерфейс отсюда.

Answer 2

[Дмитрий Беляев]

Если правильно понял суть вопроса, нужно реагировать на изменения в vue-roater
Эта страница документации Вам в помощь: https://router.vuejs.org/ru/advanced/navigation-gu...

Answer 3

[Андрей Седышев]

Способ первый: разместить необходимый вам код в хуках роутера внутри самих компонентов:
Документация

Второй способ: то же самое, но в хуках самого роута:
Документация