Ansicht wechseln/Komponente aber nicht url

Question

Ich bin in einer 404-Fehlerseite Funktionalität arbeiten, bekam ich es mit der Arbeit:

const router = new VueRouter({ 
    routes: [ 
     // ... 
     { 
      path: '*', 
      component: NotFound, 
      name: '404', 
      meta: {page_title: 'Vuejs&Material Demo | 404 NOT FOUND'} 
     }, 
    ] 
}); 

// ... not found something 

this.$router.push({name: '404'}); 

Das Problem mit der oben ist, dass die URL zu ändert, aber ich nur möchte, dass sich die Ansicht (Komponente) ändert.

Ich finde sehr nervig, wenn ein einfacher Tippfehler zu einem http://example.com/404 umleitet, es macht mich die URL wieder eingeben oder aus dem Browser AutoFill gehen, so oder so mag ich es nicht.

Ich fragte mich, ob es eine Art von Methode/Logik gibt, etwas wie dieses zu haben: https://www.facebook.com/sdfsd/sfsdf/asfasfsafastgtgregre.

Unterm Strich möchte ich für die Ansicht ändern, aber nicht die URL.

Gibt es einen Vue/Vue-Router, um dies zu tun?

Answer 1

Dies ist ein wenig hacky, aber man kann den Weg über den history Objekt updateRoute Methode des Routers aktualisieren:

let route = this.$router.match({ name: '404' }); 
this.$router.history.updateRoute(route);