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>

我得到了一堆填充图标（它使用布尔玛，但这在这里并不重要），并且带有活动路径的图标被概述。

  

现在我想反过来看：每个图标都应该   “已概述”类，但活动图标除外，该图标不应显示   额外的课程。

我可能可以做类似:class="{'is-outlined' : ro.path !== route.matched.path}"的事情，但是我更喜欢采用活动类或类似方法的简单方法。