Vue-router是Vue.js官方的路由管理器,用于实现前端路由功能。在通过路径进行编程重定向时,是可以传递参数的。
在Vue-router中,可以通过在路由配置中定义动态路由参数来传递参数。动态路由参数使用冒号(:)来标识,例如:
{
path: '/user/:id',
component: User
}
上述代码中的:id
就是一个动态路由参数,可以在路径中传递不同的值。在组件中可以通过$route.params
来获取传递的参数,例如:
this.$route.params.id
除了动态路由参数,还可以通过查询参数(query)来传递参数。查询参数是在路径后面以?
开始的键值对形式,例如:
/user?id=1
在组件中可以通过$route.query
来获取查询参数,例如:
this.$route.query.id
对于编程重定向,可以使用router.push
方法进行跳转,并传递参数。例如:
router.push({ path: '/user', query: { id: 1 }})
上述代码将会跳转到/user
路径,并传递查询参数id
为1。
总结:
$route.params
来获取。?
开始的键值对形式,可以通过$route.query
来获取。router.push
方法进行跳转,并传递参数。腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云