Nuxt•2y ago

Changing pages keeping the original page content until refresh

I have two index.vue pages set up, in the following set up:

pages/
  index.vue
  transcripts/
    index.vue

pages/
  index.vue
  transcripts/
    index.vue

Both pages function fine; index.vue shows the correct content and so does transcripts/index.vue The issue is when I use an in-page link (<nuxt-link to="/transcripts"> on the index.vue): when I click it, the URL changes to /transcripts but the content stays the same as the original index.vue until I hit F5/refresh the tab. (I have attached a GIF for demo) Note that navigating from /transcripts to / works fine. Very confused as this worked fine in Vue 2... any help?

4 Replies

Zampa•2y ago

Maybe try to recreate the issue here? https://nuxt.new/c/v3

CodeSandbox

CodeSandbox is an online editor tailored for web applications.

Unknown User•2y ago

Message Not Public

TonyOP•2y ago

No, but I only useFetch on the second page

Unknown User•2y ago

Message Not Public

Gaming

Programming

Changing pages keeping the original page content until refresh