Mengekalkan laluan Vue.js pada halaman yang sama

Question

Ini adalah kali pertama saya menemui ini, apabila saya mengklik butang seterusnya dalam bar alamat, alamat berubah tetapi halaman tetap sama seolah-olah saya tidak mengklik butang seterusnya. Walau bagaimanapun, langkah baharu ditunjukkan di bawah. Harap ada yang boleh beri jalan penyelesaian. Terima kasih terlebih dahulu.

<template>
    <div>
      <butang @klik="hantar" >Seterusnya</button>
   </div>
</template>

<skrip>
  kaedah:{
    hantar(){
   this.$router.push('/page/commande/1')
}
</skrip>

//penghala
{
    laluan:'/page/commande/1',
    nama:'PengesahanHantar',
    komponen:() => import('../views/send.vue'),
  },

Answer 1

Hei, anda harus menambah laluan penuh laluan (fullPath) sebagai kunci paparan penghala. Dengan cara ini halaman/komponen hanya akan dipaparkan semula apabila parameter url berubah.

<router-view :key='$route.fullPath' />