gpt4 book ai didi

nuxt.js - 如何在Buefy中使用nuxt-link标签?

转载 作者:行者123 更新时间:2023-12-03 16:13:02 33 4
gpt4 key购买 nike

在Buefy navBar组件中,item元素具有

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

它呈现标准的 a html标签。单击后,页面将重新加载。我想在不重新加载页面的情况下使用 nuxt-link Nuxt标签。

这段代码有效,但是我弄坏了CSS设计Bulma navbar。
<b-navbar-item >
<nuxt-link to="/job">
Job
</nuxt-link>
</b-navbar-item>

最佳答案

两种方式:

  • 不要使用buefy导航栏,只需使用
  • <nuxt-link to="/job" class="navbar-item">
    Job
    </nuxt-link>
  • 使用tag:
  • <b-navbar-item tag="nuxt-link" to="/job">
    job
    </b-navbar-item>

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

    关于nuxt.js - 如何在Buefy中使用nuxt-link标签?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57358490/

    33 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com