Vue.js VueJS:如何访问路由文件中的参数值

Vue.js VueJS:如何访问路由文件中的参数值,vue.js,routes,store,Vue.js,Routes,Store,我在routes.js中有这条路线 { path: "/dashboard/:user_id?/:entity_id?/:server_id?", name: "Dashboard", component: () => import("./views/dashboard"), meta: { authRequired: true, }, }, 如果用户未登录,他将被重定向到登录页面,但在此之前,我想检查参数是否已

我在routes.js中有这条路线

{
 path: "/dashboard/:user_id?/:entity_id?/:server_id?",
 name: "Dashboard",
 component: () => import("./views/dashboard"),
 meta: {
   authRequired: true,
 },
},

如果用户未登录,他将被重定向到登录页面,但在此之前,我想检查参数是否已设置(例如user_id),并在转到登录页面之前将其存储。如何在该路径中的routes.js文件中执行此操作?

假设您有一个名为
authenticationGuard的守卫来检查用户是否登录,您可以执行以下操作:

export function authenticationGuard(to, from) {
  if (to.params.user_id) {
    // do whatever you would like with `user_id` here
  }
}
如果您不控制
authenticationGuard
的路由,您可以将routeGuard插入路由本身:

{
 path: "/dashboard/:user_id?/:entity_id?/:server_id?",
 name: "Dashboard",
 component: () => import("./views/dashboard"),
 meta: {
   authRequired: true,
 },
 beforeEnter: (to, from) {
   if (to.params.user_id) {
     // do whatever you would like with user_id here
   }
 }
},

您指的是哪个参数?用户id、服务器id。。