How to pass props from URL in vueJS when redirect in vue router?

Question

My '/' path redirect to '/loading' and I need to pass props like mysite/?demo=true and then that prop pass to the component attached to '/loading'

this is the router config

{
  path: '/',
  redirect: '/loading',
},
{
  path: '/loading',
  component: Loading
},

Matheus Valenza · Accepted Answer · 2019-04-10 15:54:23Z

2

Do:

    {
      path: '/',
      redirect: { path: '/loading', params: { default: true, demo: true } }
    },
    {
      path: '/loading',
      component: Loading
    },

And in your Loading component, you define a prop called demo, like:

props: {
  demo: Boolean,
}

Then you will be able to access this.demo and read true, wich is the value passed via route.

answered Apr 10, 2019 at 15:54

Matheus Valenza

9191 gold badge5 silver badges11 bronze badges

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

Comments

Kelvin Omereshone · Accepted Answer · 2019-04-11 10:42:19Z

1

Building up on Mathew's solution, to access the route parameter, you could do this.$route.params.demo

answered Apr 11, 2019 at 10:42

Kelvin Omereshone

8364 silver badges13 bronze badges

Collectives™ on Stack Overflow

How to pass props from URL in vueJS when redirect in vue router?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related