Page wont redirect after parameter change

The order of my files is shown in the picture.
I'm trying to have two url Parameters:

http://localhost:3000/dashboard/324141341234134/2312341351234

http://localhost:3000/dashboard/324141341234134/2312341351234

The dashboard index.vue is there to choose the first element from which I want to put the id in my url (

http://localhost:3000/dashboard/324141341234134

http://localhost:3000/dashboard/324141341234134

), then there will be child components where the user can choose, the id of the chose element should also be displayed in the url (

http://localhost:3000/dashboard/324141341234134/2312341351234

http://localhost:3000/dashboard/324141341234134/2312341351234

)

My problem is, that the second redirect wont actually open the [channelid].vue:

</template>
  <NuxtLink :to="link" ><button>Server</button></NuxtLink>
</template>

<script>
export default {
  data() {
    return {
      link: "/dashboard/" + this.serverId + "/" + this.channelId
    }
  }
}
</script>

</template>
  <NuxtLink :to="link" ><button>Server</button></NuxtLink>
</template>

<script>
export default {
  data() {
    return {
      link: "/dashboard/" + this.serverId + "/" + this.channelId
    }
  }
}
</script>

The parameter is added in the url but the page remains the same. [channelid].vue only displayed if I refresh the page.

Does anyone know why this happens or how I can change the behaviour?

Nuxt•2y ago•

35 replies

BobSty

Page wont redirect after parameter change

The order of my files is shown in the picture.
I'm trying to have two url Parameters:

http://localhost:3000/dashboard/324141341234134/2312341351234

http://localhost:3000/dashboard/324141341234134/2312341351234

The dashboard index.vue is there to choose the first element from which I want to put the id in my url (

http://localhost:3000/dashboard/324141341234134

http://localhost:3000/dashboard/324141341234134

), then there will be child components where the user can choose, the id of the chose element should also be displayed in the url (

http://localhost:3000/dashboard/324141341234134/2312341351234

http://localhost:3000/dashboard/324141341234134/2312341351234

)

My problem is, that the second redirect wont actually open the [channelid].vue:

</template>
  <NuxtLink :to="link" ><button>Server</button></NuxtLink>
</template>

<script>
export default {
  data() {
    return {
      link: "/dashboard/" + this.serverId + "/" + this.channelId
    }
  }
}
</script>

</template>
  <NuxtLink :to="link" ><button>Server</button></NuxtLink>
</template>

<script>
export default {
  data() {
    return {
      link: "/dashboard/" + this.serverId + "/" + this.channelId
    }
  }
}
</script>

The parameter is added in the url but the page remains the same. [channelid].vue only displayed if I refresh the page.

Does anyone know why this happens or how I can change the behaviour?

Page wont redirect after parameter change

Similar Threads

Page wont redirect after parameter change

Similar Threads

Similar Threads

Similar Threads