0
566
Viewserror al usar parámetros en la función router.push vue-router 4
hola chicos, soy nuevo en vue js y estoy tratando de pasar parámetros a un enrutador específico. enrutador a través de
this.$router.push({ name: "actions-log", params: { Id: "3" } })me da error en la consola dice:
Error no capturado (en promesa): No hay coincidencia para {"name":"3","params":{}}
así que alguien me puede ayudar con ese error por favor ......
2 answers
Answer question0
Puedes usar path
const routeId = 3 this.$router.push({ path: `/actions-log/${routeId}` })0
Descubrí lo que está sucediendo. Tengo un componente llamado pageTitle. Este componente está incluido en todos los demás componentes. Lo uso para hacer la ruta de navegación usando:
this.$route.fullPathluego dividirlo y hacer un bucle de los valores con:
<li><router-link></router-link></li>para hacer los enlaces de migas de pan, pero el accesorio fullPath del enrutador vue también devuelve los parámetros, así que a través del bucle en:
<router-link :to="{ name: {path} }">{{ path }}</router-link>vue verifica si el enrutador existe con el nombre dado, por ejemplo, cuando pongo /actions-log/3 como parámetros en la url, se establecerá en el atributo :to debido a este comportamiento, se inicia esa excepción;
así que creo que resolví los problemas en la siguiente función calculada: 
no sé si alguien tiene una idea mejor para crear un breadCrumbs en vue... de todos modos, muchas gracias por ayudarme a resolver este problema.