nuxt.js - 如何在 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>

2. 使用tag：

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

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