Vue.js 如何在vuejs中获取http引用?

Vue.js 如何在vuejs中获取http引用?,vue.js,vuejs2,vue-router,Vue.js,Vuejs2,Vue Router,我想在我的页面中获取用户来自哪个页面 目前,我想在我的created()或mounted()页面中获取此信息。使用此.$路由器或此.$路由,但它们都不包含此信息 我知道在导航卫士中,我们可以使用: router.beforeEach((to, from, next) => { }) 要知道页面从何处提交,但我不想使用router.beforeach,因为它位于我的main.js中,但我想获取引用的位置在我的组件页面中,或者在创建/装载的方法中 这可能吗 您可以在App.vue中的moun

我想在我的页面中获取用户来自哪个页面

目前,我想在我的created()或mounted()页面中获取此信息。使用此.$路由器或此.$路由,但它们都不包含此信息

我知道在导航卫士中,我们可以使用:

router.beforeEach((to, from, next) => { })
要知道页面从何处提交,但我不想使用router.beforeach,因为它位于我的main.js中,但我想获取引用的位置在我的组件页面中,或者在创建/装载的方法中


这可能吗

您可以在App.vue中的mounted()钩子中使用
this.$route.query
。你不需要路由器,因为它没有意义。App.vue在加载应用程序时安装一次,所以这是检查路由器查询参数的好地方

router.beforeEach((to, from, next) => {
       console.log(to.query)
       console.log(to.query.utm_source)
})
如果url
product/3?utm\u source=2。
控制台日志

{utm_source: "2"}
2

您可以将路由器作为道具传递,也可以使用此处详述的某种事件系统:“将路由器作为道具传递”是什么意思?我在网上找不到doc@hidar这就是您要查找的文档。我现在尝试这个,效果非常好。我的代码已装入:
console.log(this.$route.query)和url
product/3?utm_source=2
。控制台日志
{utm_source:“2”}
hm。。很抱歉反应太晚,我再次在这个问题上绊倒了,我仍然无法找到推荐人。我有这样的代码:
mounted(){console.log('this.$route.query',this.$route.query)}
。我需要通过道具还是什么?