<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("/");