@ERomulon

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

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

5b03c505c95db445961560.png
  • Вопрос задан
  • 188 просмотров
Решения вопроса 1
Fragster
@Fragster
помогло? отметь решением!
https://ru.vuejs.org/v2/guide/class-and-style.html
В простых случаях router может быть избыточен и подходит простое переключение компонентов через is: https://ru.vuejs.org/v2/guide/components.html#%D0%...
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
bingo347
@bingo347
Crazy on performance...
Если правильно понял суть вопроса, нужно реагировать на изменения в vue-roater
Эта страница документации Вам в помощь: https://router.vuejs.org/ru/advanced/navigation-gu...
Ответ написан
Комментировать
muzikant777
@muzikant777
PHP/Vue разработчик
Способ первый: разместить необходимый вам код в хуках роутера внутри самих компонентов:
Документация

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

Войдите, чтобы написать ответ

Похожие вопросы