Для навигации используются следующие кнопки на странице в приложении Vuejs: < /p>
Central
Validation
List
< /code>
Вот фрагмент настройки для маршрутизатора: < /p>
export default new VueRouter({
routes,
linkActiveClass: "active", // active class for non-exact links
linkExactActiveClass: "active" // active class for exact links
});
< /code>
Bulma - это структура CSS, используемая в этом проекте, и переменные, связанные со стилями ссылок, установлены следующим образом в файле с названием index.scss: < /p>
$link: $primary;
$link-invert: $primary-invert;
$link-focus-border: $primary;
$link-active: $white;
< /code>
Вот текущее поведение, использующее этот код: < /p>
Когда кнопка нажимается на фоновый цвет кнопки изменений в настройке цвета для «is-primary» (это хорошо) < /li>
. /> < /ul>
Почему $ не Active: $ White; < /code> Изменение текста нажатой ссылки на белый?
.active {
color: white;
}
< /code>
Приведенный выше тест не подходит для производственного кода - исправление для этого должно быть где -то в настройках переменной Bulma. Но где/как, вопрос.
Подробнее здесь: https://stackoverflow.com/questions/613 ... sing-bulma
