VueJS vue-Router nicht params Rendering

Question

Ich habe einen vue-Router App und es ist meine vergangen params nicht richtig erfasst, hier ist mein Code für die Komponente

<template> 
<div id="container"> 
    <section class="content" id="error-display"> 
     <div class="row"> 
      <div class="col-sm-12"> 
       <article class="col-sm-offset-1 col-sm-3"> 
        <img src="images/smurf.png" alt="Smurf - Grouchy"> 
       </article> 
       <article class="col-sm-7"> 
        <h1>{{ $route.params.code }}</h1> 
        <p>{{ $route.params.message }}, Go back <a href="#">home</a></p> 
       </article> 
      </div> 
     </div> 
    </section> 
</div> 

und hier ist die Erklärung von mein vue-Router

const router = new VueRouter({ 
    routes: [ 
     { path: '/error', component: { template: '<error></error>' } } 
    ] 
}); 

und dies ist der Code i

router.push({ path: 'error', params: { code: 404, message: 'Resources not found' } }) 

navigieren bin mit

bin ich etwas fehlt oder mache ich etwas falsch? Weil die Parameter leer sind. Vielen Dank im Voraus

Answer 1

Sie haben keine Parameter für die Route definiert.

Eine Route wie { path: '/error/:code/:message', component: { template: '<error></error>' } } sollte funktionieren, aber es ist eine Überlegung wert, in diesem Fall query anstelle von params zu verwenden, da /error/404/Resources%20not%20found eine Art seltsamer URL ist.