Nuxt•4y ago•

5 replies

Changing pages keeping the original page content until refresh

I have two

index.vue

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

index.vue

shows the correct content and so does

transcripts/index.vue

transcripts/index.vue

The issue is when I use an in-page link (

<nuxt-link to="/transcripts">

<nuxt-link to="/transcripts">

on the

index.vue

index.vue

): when I click it, the URL changes to

/transcripts

/transcripts

but the content stays the same as the original

index.vue

index.vue

until I hit F5/refresh the tab. (I have attached a GIF for demo)
Note that navigating from

/transcripts

/transcripts

works fine.
Very confused as this worked fine in Vue 2... any help?