Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

route.params is undefined when navigating between pages

See original GitHub issue

Environment

Nuxi 3.0.0-rc.13 17:31:32 RootDir: /Users/james/www/aaa 17:31:32 Nuxt project info: (copied to clipboard) 17:31:32

Operating System: Darwin
Node Version: v16.16.0
Nuxt Version: 3.0.0-rc.13
Nitro Version: 0.6.1
Package Manager: pnpm@7.16.0
Builder: vite
User Config: -
Runtime Modules: -
Build Modules: -

Reproduction

https://github.com/u007/nuxt-params

Describe the bug

when i navigate to:

http://localhost:3000/hi/abcme

it works.

but if I navigate from http://localhost:3000. and navigate to /hi/abcme by clicking on the link, the name is undefined

Additional context

No response

Logs

No response

Issue Analytics

State:
Created 10 months ago
Comments:10 (4 by maintainers)

Top GitHub Comments

1reaction

u007commented, Nov 16, 2022

i also face some inconsistencies in my other repository, but realised rc13 fixed it. Thank you so much @manniL

1reaction

u007commented, Nov 15, 2022

thank you, NuxtPage solved it

Top Results From Across the Web

React navigation undefined params - Stack Overflow

@Kraylog, thanks! I currently have the following (which works): this.props.navigation.navigate({ routeName: 'SomeScreen', params: { title: ' ...

Getting this.props.route.params as undefined even when i ...

in my app i have multiple tabs home, flights, hotels and holidays. from home screen i want to send some data to flight...

Passing parameters to routes - React Navigation

Pass params to a route by putting them in an object as a second parameter to the navigation.navigate function: this.props.navigation.navigate('RouteName', { /* ...

Getting Started with React Navigation v6 and TypeScript in ...

A route name that doesn't have any parameters being passed is specified with undefined . So, for example, in the above snippet, the...

How to Pass Data Between Pages in react-router-dom V6?

Defining the link and navigating. While defining the link just replace the params with the values. react router. Getting ...