dmr 发表于 2025-10-31 17:41:17

router.beforeEach 获取路由的参数值

在 Vue Router 的 beforeEach 导航守卫中,可以通过 to 参数获取目标路由的各种参数值。

一、路由参数获取方式
1.动态路由参数‌:通过 to.params 对象获取 URL 路径中的参数:
router.beforeEach((to, from, next) => {
// 获取动态路由参数,如 /user/:id 中的 id
const userId = to.params.id


2.查询参数‌:通过 to.query 对象获取 URL 中 ? 后面的参数:
router.beforeEach((to, from, next) => {
// 获取查询参数,如 /user?name=test 中的 name
const userName = to.query.name
const userAge = to.query.age

//操作...
来源:百度AI

页: [1]
查看完整版本: router.beforeEach 获取路由的参数值