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

Question

在 Buefy 导航栏组件项元素有

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

它呈现标准的ahtml 标签。单击时，页面重新加载。我想在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>

2. 使用tag：

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

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