保持在同一頁的 Vue.js 路由

Question

這是我第一次遇到這種情況，當我點擊網址列中的下一個按鈕時，地址會發生變化，但頁面仍然保持不變，就好像我沒有點擊下一個按鈕一樣。然而，新的步驟會顯示在下面。希望有人能提供解決方案。先感謝。

<template>
    <div>
      <button @click="send" >下一個</button>
   </div>
</template>

<script>
  methods:{
    send(){
   this.$router.push('/page/commande/1')
}
</script>

//router
{
    path:'/page/commande/1',
    name:'ConfirmationSend',
    component:() => import('../views/send.vue'),
  },

Answer 1

嘿，你應該將路由的完整路徑(fullPath)作為路由視圖(router-view)的key加入。這樣只有在url參數改變時才會重新渲染頁面/元件。

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