Javascript 如何使用Vue路由器将数据传递到另一个组件?

Javascript 如何使用Vue路由器将数据传递到另一个组件?,javascript,vue.js,vue-router,Javascript,Vue.js,Vue Router,目前,我在页面上呈现了一个组件,当我在组件中控制台记录this.$router变量时,我看到完整路径属性等于“/hello/reports?report=3849534583957”,路径属性仅等于“/hello/reports/” 在一个单独的组件中,我试图通过使用 this.$router.push({path:`/hello/reports?report=3849534583957`, params: {data: 'hey'}})` 但是,当我尝试在vue devtools中查看参数时

目前,我在页面上呈现了一个组件,当我在组件中控制台记录
this.$router
变量时,我看到完整路径属性等于“/hello/reports?report=3849534583957”,路径属性仅等于“/hello/reports/”

在一个单独的组件中,我试图通过使用

this.$router.push({path:`/hello/reports?report=3849534583957`, params: {data: 'hey'}})`
但是,当我尝试在vue devtools中查看参数时,或者通过控制台日志
this.$route.params.data
返回未定义的参数


我相信我做的每件事都是正确的,请帮助我理解我哪里做错了。在push方法中,我也尝试过用常规路径属性的值替换完整路径属性的值。谢谢

路由器参数映射到路由器配置中设置的值

const router = new VueRouter({
  routes: [{ path: '/user/:id', component: User }]
})
id
是此路由的有效参数


在官方文档中找到更多信息:

您的路由器配置是什么样子的?