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

Question

Buefy navBar组件中的item元素有

<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

两种方式：

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

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

How to use nuxt-link tag in Buefy?