Params-Feld leer ist, wird in $router.push

Ich diese

this.$root.$router.push({
path: '/dashboard',
params: { errors: 'error' },
query: { test: 'test' }
})

in meine Komponente zur Weiterleitung auf andere URL, wenn Sie einige Fehler ist aufgetreten. Das problem ist, dass wenn ich für den Zugriff auf params Feld im dashboard-Komponente, es ist leer. Die query Bereich gut funktioniert. Ich bin versucht, darauf zugreifen, indem this.$route.params.errors.

InformationsquelleAutor Jozef Cipa | 2016-11-18

  1. 24

    Können Sie params nur mit named Pfade (glaub ich).

    Beispiel:

    //route (in your router file should have "name")
{ path: '/errors', name: 'EXAMPLE', component: ... }

//navigating
this.$router.push({
    name: 'EXAMPLE', 
    params: { errors: '123' }
});

    Nun wird der korrekte Wert in this.$route.params.

    Gut zu wissen 🙂 vielen Dank, funktioniert gut.
    Wissen Sie, was der Grund für diese Einschränkung?
    Tragische Einschränkung.

    InformationsquelleAutor euvl

  2. 2

    Wenn Sie nicht verwenden möchten benannte Routen Sie können versuchen, diese:

    ES6

    this.$root.$router.push({
    path: `/dashboard/${error}`, 
    query: { test }
})

    ES5

    this.$root.$router.push({
    path: '/dashboard/' + error, 
    query: { test: 'test' }
})

    InformationsquelleAutor Rob

Schreibe einen Kommentar