如何在 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

两种方式：

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