Vue.js-Routen auf dem gleichen Stand halten

Question

Das ist das erste Mal, dass ich darauf stoße: Wenn ich in der Adressleiste auf die Schaltfläche „Weiter“ klicke, ändert sich die Adresse, aber die Seite bleibt dieselbe, als hätte ich nicht auf die Schaltfläche „Weiter“ geklickt. Im Folgenden werden jedoch neue Schritte angezeigt. Ich hoffe, jemand kann eine Lösung anbieten. Dank im Voraus.

<template>
    <div>
      <button @click="senden" >Weiter</button>
   </div>
</template>

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

//Router
{
    Pfad:'/page/commande/1',
    name:'ConfirmationSend',
    Komponente:() => import('../views/send.vue'),
  },

Answer 1

嘿，你应该将路由的完整路径(fullPath)作为路由视图(router-view)的key添加进去。这样只有在url参数改变时才会重新渲染页面/组件。

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