vue-router: динамический класс, когда НЕ активная ссылка - PullRequest
Новая
       10

vue-router: динамический класс, когда НЕ активная ссылка

0 голосов
/ 06 февраля 2019

С этим кодом 

<router-link
  class="button is-success is-rounded is-outlined"
  v-for="ro in cRoutes"
  v-bind:key="ro.index"
  active-class="is-outlined"
  :to="ro.path"
>
    <span class="icon"><b-icon pack="fas" v-bind:icon="ro.meta.icon" /></span>
    <span>{{ ro.name }}</span>
</router-link>

Я получаю кучу залитых значков (здесь используется Bulma, но это не важно), и значок с активным путем обрисовывается в общих чертах.

Теперь я бы хотел, чтобы все было наоборот: каждый значок должен иметь класс "is-outlined", кроме активного значка, который не должен иметь дополнительного класса.

Я, вероятно, мог бы сделатьчто-то вроде :class="{'is-outlined' : ro.path !== route.matched.path}", но я бы предпочел легкий подход активного класса или что-то подобное.

...