vuejs2 - vue-router：非活动链接时的动态类

Question

使用此代码

<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}"但我更愿意使用活动类的简单方法或类似的方法。

标签： vuejs2vue-router