@TuMko

Как добавить класс в пункт меню при скролле на Vue.js?

Здравствуйте. Есть такое меню landingpage, при переходе по ссылке которого страница скроллится ниже к необходимой секции. При этом необходимо подсвечивать текущий пункт меню другим цветом (добавлять класс 'active' текущему элементу и удалять у других). Как можно это реализовать на Vue.Js?

<ul class="menu-list">
  <li><a class="menu-list-item" href="#about">About Me</a></li>
  <li><a class="menu-list-item" href="#users">Users</a></li>
  <li><a class="menu-list-item" href="#register">Register</a></li>
</ul>
<section id="about">about</section>
<section id="users">users</section>
<section id="register">register</section>
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Markizzio
fullstack-developer, и преподаватель)
Доброго времени суток, предполагаю что данный раздел документации поможет вам)
https://ru.vuejs.org/v2/cookbook/creating-custom-s...
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы