Vue.js 在路由器中使用道具传递数据不起作用

Vue.js 在路由器中使用道具传递数据不起作用,vue.js,Vue.js,我正在尝试使用路由器中的道具将数据从一个vue组件发送到另一个vue组件。但它不起作用。每当我尝试记录道具时,它输出未定义的道具。代码如下所示 数据从何处发送 接收地点 index.js中的。路由器设置 您发布的所有代码都不匹配 首先,控制台日志应该是console.log(this.myprops)。使用props的要点是您不需要引用路由器本身,例如通过$router 下一个问题是混合了path和params。这是不允许的。看参数用于命名路由 我想你的目标是这样的: self.$route

我正在尝试使用路由器中的道具将数据从一个vue组件发送到另一个vue组件。但它不起作用。每当我尝试记录道具时,它输出未定义的道具。代码如下所示

数据从何处发送

接收地点

index.js中的。路由器设置


您发布的所有代码都不匹配

首先,控制台日志应该是
console.log(this.myprops)
。使用props的要点是您不需要引用路由器本身,例如通过
$router

下一个问题是混合了
path
params
。这是不允许的。看<代码>参数用于命名路由

我想你的目标是这样的:

self.$router.replace({name:'DashboardPatient',参数:{myprops:authUser.email})
使用路由器配置:

{
路径:'/patient',
组成部分:破折号,
儿童:[
{

路径:':myprops',//请将代码作为文本而不是图像包含。请注意,您的解决方案很有用,但我希望安全地传递值