this post was submitted on 11 Sep 2023
2 points (100.0% liked)

Vue.js

463 readers
10 users here now

founded 1 year ago
MODERATORS
Ategon
2
How do you pass props through the router-link without polluting the url? (lemm.ee)
submitted 1 year ago* (last edited 1 year ago) by [email protected] to c/vuejs
6 comments fedilink hide all child comments
 

I haven't found a good way to do this. Basically the props that you can pass as params, end up getting displayed in the url as resource or queries.

The above code makes the url look like "url/id/1"

What if i want to pass multiple props like "id" and " name" through router-link but don't want the url to have the "name" field?

Hopefully, someone can answer this. Thank you.

you are viewing a single comment's thread
view the rest of the comments
[โ€“] [email protected] 3 points 1 year ago* (last edited 1 year ago) (1 children)

Yep, definitely a job for pinia. But a second fetch doesn't seem unreasonable as well. The "list page" fetches an API endpoint to get a basic list of users, the "detail page" fetches another API endpoint returning a single user with the detailed information. If you are worried if you are doing to much requests, you also may have a look on Nuxt. With the SSR functionality it will save you multiple requests made.

[โ€“] [email protected] 2 points 1 year ago

I didn't have much idea about these so was trying to use the router itself. I'll look into nuxt and pinia and see which ones might be ideal for my use cases. Thanks a lot for answering!