为什么 Vue3 路由器不通过参数传递道具？答案

【问题标题】：Why doesn't Vue3 router not pass props with params?为什么 Vue3 路由器不通过参数传递道具？
【发布时间】：2020-01-31 17:26:34
【问题描述】：

我想将一个值作为 Vue3 中的 prop 传递给视图。这种方法在 Vue2 项目中效果很好，但在 Vue3 中却不行

路由器：

{      
  path: "/view2",
  name: "view2",
  component: View2,
  props: true
}

查看 1（来自）

navigateTo(){
    this.$router.push({
      name: view2,
      params: {id: 'abc123'}
    })
}

查看2（到）

props:{
  id:{
    type: String,
    required: false
  }
}

每次调用navigateTo() 时，View2 中的“id”都是未定义的

我缺少什么，因为这在 vue2 项目中运行良好。

最好的

【问题讨论】：

【解决方案1】：

您没有在路径中声明 id。

{      
  path: "/view2/:id", // <----
  name: "view2",
  component: View2,
  props: true
}

【讨论】：