<NuxtLink> Nuxt 3 中仅在刷新后显示页面内容

Question

我正在尝试使用

<NuxtLink>

在 Nuxt 3 中重定向。

但是，URL更改后我的页面将不会显示。 这意味着，单击链接后，URL 会更改为 to="" 中指定的内容，但除非刷新页面，否则内容不会显示。 想知道我做错了什么吗

这是我的路由代码

 <template>
      <div class="top-nav-tab">
        <NuxtLink to="/foundations"><h3>Foundations</h3></NuxtLink>
     </div>
   </template>

这是我的页面代码

<template>
  <h2>Foundation page</h2>
</template>

Answer 1

为什么不使用 NuxtLink 而不是使用另一种实现，例如：navigateTo()，因为 Nuxtlink 默认情况下会创建一个延迟加载的组件。所以在这个用例中只需做类似的事情

<h3 @click="navigateTo('/foundation')"> Foundation </h3>

这将执行该操作；以及文档中的首选方式

Answer 2

我也遇到了同样的问题，所以我改用原生 javascript。

// Simulate a mouse click:
window.location.href = "/";

// Simulate an HTTP redirect:
window.location.replace("/");