如何在Buefy中使用nuxt-link标签？

Question

在Buefy navBar组件中，项目元素具有

<b-navbar-item href="/job">
            job
</b-navbar-item>

它呈现标准a html标签。单击后，页面将重新加载。我想使用nuxt-link Nuxt标签，而无需重新加载页面。

此代码有效，但是我弄错了CSS设计Bulma导航栏。

<b-navbar-item >
    <nuxt-link to="/job">
        Job
    </nuxt-link>
</b-navbar-item>

Answer 1

两种方法：

1. 不要使用buefy导航栏，只需上课：

<nuxt-link to="/job" class="navbar-item">
    Job
</nuxt-link>

1. 使用tag：

<b-navbar-item tag="nuxt-link" to="/job">
    job
</b-navbar-item>

请参见https://buefy.org/documentation/navbar#api-view