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]