router.beforeEach 获取路由的参数值

dmr

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

一、路由参数获取方式
1.动态路由参数‌：通过 to.params 对象获取 URL 路径中的参数：

1. router.beforeEach((to, from, next) => {
   
2.   // 获取动态路由参数，如 /user/:id 中的 id
   
3.   const userId = to.params.id
   

复制代码

2.查询参数‌：通过 to.query 对象获取 URL 中 ? 后面的参数：

1. router.beforeEach((to, from, next) => {
   
2.   // 获取查询参数，如 /user?name=test 中的 name
   
3.   const userName = to.query.name
   
4.   const userAge = to.query.age
   
5.   
   
6. //操作...

复制代码

来源：百度AI

微信扫一扫，分享更方便