Vue.js 为什么';t Vue3路由器无法通过带参数的道具?
我想在Vue3中将值作为道具传递给视图。 这种方法在Vue2项目中效果很好,但在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
{
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
}
}