Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vue.js/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Vue.js 为什么';t Vue3路由器无法通过带参数的道具?_Vue.js_Vue Props - Fatal编程技术网

Vue.js 为什么';t Vue3路由器无法通过带参数的道具?

Vue.js 为什么';t Vue3路由器无法通过带参数的道具?,vue.js,vue-props,Vue.js,Vue Props,我想在Vue3中将值作为道具传递给视图。 这种方法在Vue2项目中效果很好,但在Vue3中不起作用 路由器: { path: "/view2", name: "view2", component: View2, props: true } 视图1(从) 视图2(至) 每次调用navigateTo(),都会在View2中未定义“id” 我遗漏了什么,因为这在vue2项目中运行良好 最好的您没有在路径中声明id { 路径:“/view2/:id”,//尝试将:param

我想在Vue3中将值作为道具传递给视图。 这种方法在Vue2项目中效果很好,但在Vue3中不起作用

路由器:

{      
  path: "/view2",
  name: "view2",
  component: View2,
  props: true
}
视图1(从)

视图2(至)

每次调用
navigateTo()
,都会在View2中未定义“id”

我遗漏了什么,因为这在vue2项目中运行良好


最好的

您没有在路径中声明id

{

路径:“/view2/:id”,//尝试将:
params:{id:'abc123'}
更改为:
props:{id:'abc123'}
在路由器推送中。谢谢,但结果相同。请在路由更改时使用
console.log(to)
检查您的
params
。从路由器级别登录时,所有这些都很好Vue 3?您使用的是预览版本还是什么?谢谢。我不需要传递路径或查询参数。需要将值传递给其他视图的道具。请看以下答案:。这就是您要寻找的吗?
navigateTo(){
    this.$router.push({
      name: view2,
      params: {id: 'abc123'}
    })
}
props:{
  id:{
    type: String,
    required: false
  }
}