[Vuejs]-Load a VUE component with parameters

2👍

✅

There are many ways of solving this issue, your are using route params so you need to define the param in the route:

routes: [
  { path: '/about/:email', component: About }
]

Then you can access the param in the About component

In the template:

<div>Email: {{ $route.params.email }}</div>

In the script:

sayHello() {
  alert($route.params.email);
}

Note that you could also use route query params or route props, read the docs at: https://router.vuejs.org/guide/

0👍

If you update your push to (see docs for full options):

 this.$router.push({ name: 'about', query: { itemEmail: item.email } })

You can access the query parameters (See docs here):

this.$router.query.itemEmail