how to vue router use dynamic params require match?

Question

I defined a dynamic parameter in my router. This parameter receives certain parameter values even if it is dynamic.

example:

{
  path: '/:type',
  component: List,
}

There are 2 or 3 parameters that the router can take. for example, the parameters it can take are 'actual' and 'archive'

I want to redirect to 404 when the user types a parameter other than '://localhost:8080/actual' or '://localhost:8080/archive'. I can do this in the .vue file, but I want to make adjustments in the router file.

Vamsi Krishna · Accepted Answer · 2018-07-26 09:56:46Z

2

You can set up a Per-Route Guard on the route configuration itself

{
  path: '/:type',
  component: List,
  beforeEnter: (to, from, next) => {
    //check the params
    if(to.params.type === 'actual' ||to.params.type === 'archive'){
      next();
    }else{
      next('/404');//error route
    }
  }
}

answered Jul 26, 2018 at 9:56

Vamsi Krishna

31.4k8 gold badges73 silver badges81 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to vue router use dynamic params require match?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related