vue.js - vue - El campo de parámetros está vacío en $ router.push

vue-router props

Question

yo uso esto

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

en mi componente para redirigir a otra URL cuando ha ocurrido algún error. El problema es que cuando quiero acceder al campo params en el componente del tablero, está vacío. El campo de query funciona bien. Estoy intentando acceder a esto con this.$route.params.errors .

Answer 1

Puedes usar params solo con rutas con named (creo).

Ejemplo:

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

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

Ahora tendrá el valor correcto en this.$route.params .

Answer 2

Si no desea usar rutas con nombre , puede intentar esto:

ES6

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

ES5

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