this.$router.push传参的目标页面如何接收
时间: 2023-03-21 21:02:19 浏览: 93
vue两组件间值传递 $router.push实现方法
this.$router.push()是Vue.js框架中用于路由跳转的方法,它可以将路由信息传递给目标页面。如果想要在目标页面中接收传递过来的参数,可以通过$route对象或者$router对象进行获取。
$route对象包含了当前路由的信息,其中params属性存储了通过路由传递的参数。可以通过$route.params.xxx来获取具体的参数值,其中xxx是你在路由跳转时指定的参数名。
$router对象是Vue.js框架中的路由管理器,可以通过它的currentRoute属性来获取当前路由的信息,包括传递的参数。具体的获取方式也是通过currentRoute对象的params属性来获取对应的参数值,例如$router.currentRoute.params.xxx。
需要注意的是,在目标页面中接收传递过来的参数时,需要在页面组件的created()或者mounted()钩子函数中进行获取。
阅读全文