How to get rid of get params route returns undefined

Tutorials
1

Hi,

Since I tried various methods to retrieve the parameters of the current route:

{
    path: '/orders/:ordersId/',
    name: 'orders-detail',
    component: DetailOrders,
}

with these Vue tips:

  • props.f7router.params.ordersId → returns undefined
  • props.f7router.currentRoute.params.ordersId → returns undefined

both return UNDEFINED, leaving me feeling quite desperate. Then, I revisited the initial setup of the F7 project and noticed that the setup URL had parameters. After some investigation, I discovered that I needed to use props.f7route instead of props.f7router!

I changed my code from:

props: {
    f7router: Object,
}

to:

props: {
    f7route: Object,
}

and props.f7route.params.id is the key!
as you can see in /src/pages/product.vue

Hope this information is helpful.

1 Like