在 router.push 函数 vue-router 4 中使用参数时出错

Question

大家好，我是 vue js 的新手，我正在尝试将参数传递给特定的路由器，这应该在我单击卡片研究时发生，然后它将重定向到名为 actions-log 的研究详细信息组件但是当我通过

调用这个路由器时

this.$router.push({ name: "actions-log", params: { Id: "3" } })

它在控制台中给我一个错误：

Uncaught (in promise) Error: No match for {"name":"3","params":{}}

谁能帮我解决这个错误......

Answer 1

您可以使用path

const routeId = 3

this.$router.push({ path: `/actions-log/${routeId}` })

Answer 2

我知道发生了什么我有一个名为 pageTitle 的组件该组件包含在所有其他组件中我使用它来制作面包屑：

this.$route.fullPath

然后将其拆分并使用 :

循环值

<li><router-link></router-link></li>

制作面包屑链接，但 vue 路由器的 fullPath 道具 returns 参数也是如此通过循环 in:

<router-link :to="{ name: {path} }">{{ path }}</router-link>

vue 检查是否存在具有给定名称的路由器，例如当我将 /actions-log/3 作为参数放入 url 时，它将被设置在 :to 属性中，因为这种行为是启动该异常；

所以我想我解决了以下计算函数中的问题：

我不知道是否有人有更好的主意在 vue 中创建面包屑... 无论如何，非常感谢你帮我解决了这个问题。

error while using params in the router.push function vue-router 4