Vue3路由器为什么不通过带参数的道具?

时间:2019-10-02 12:20:21

标签: vue.js vue-props

我想将值作为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 个答案:

答案 0 :(得分:1)

您没有在路径中声明id。

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