Fatal编程技术网
  • vuejs2/
  • Vuejs2 vue路由器：非活动链接时的动态类

Vuejs2 vue路由器：非活动链接时的动态类

vuejs2

Vuejs2 vue路由器：非活动链接时的动态类,vuejs2,vue-router,Vuejs2,Vue Router,使用此代码 <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" /

使用此代码

<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>


{{ro.name}}
我得到了一堆填充的图标（这使用了Bulma，但这在这里并不重要），带有活动路径的图标被勾勒出来

现在我想让它反过来：每个图标都应该 “is outlined”类，但活动图标除外，该图标不应 额外的课程

我可能可以做一些类似于
：class=“{'is-outlined'：ro.path！==route.matched.path}”的事情
，但我更喜欢使用活动类的简单方法或类似的方法