Задать вопрос
@ERomulon

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

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

5b03c505c95db445961560.png
  • Вопрос задан
  • 193 просмотра
Подписаться 1 Простой 4 комментария
Помогут разобраться в теме Все курсы
  • HTML Academy
    Vue.js 3 — разработка клиентских приложений
    1 месяц
    Далее
  • Академия Эдюсон
    Frontend-разработчик + ИИ
    9 месяцев
    Далее
  • Stepik
    Frontend разработчик на HTML, CSS и JavaScript
    4 месяца
    Далее
Решения вопроса 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 разработчик
Способ первый: разместить необходимый вам код в хуках роутера внутри самих компонентов:
Документация

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

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

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