javascript - 在Vue中将is-active类Bulma添加到路由器

我正在Vue js中使用路由器。我通过为每个router-link-active添加exact和<router-link>属性的样式来在Navbar中显示当前链接。很好

但是现在我正在尝试使用is-active类( bool(boolean) 玛CSS)来做到这一点。我怎样才能做到这一点 ？。

码

<a class="navbar-item is-active">
      <router-link to="/" exact>Home</router-link>
    </a>
    <a class="navbar-item">
        <router-link to="/about" exact>About</router-link>
    </a>
    <a class="navbar-item">
        <router-link to="/information" exact>Information</router-link>
    </a>

有逻辑和解决方案吗？请帮我。

最佳答案

您可以使用vue-router选项在linkActiveClass构造函数中指定 Activity 类的名称。

import Router from 'vue-router'

export default new Router({
 linkActiveClass: 'is-active',
 mode: 'history',
 routes: [ ... ]
})

这会将is-active类添加到 Activity 的路由器链接中，而不是router-link-active。在此处阅读文档:https://router.vuejs.org/en/api/options.html#linkactiveclass