Intro + Preview for the Pagination Component
2:59
Pagination Bar Mockup
5:38
Pagination within GitHub's API
5:55
Calculating and Displaying the Correct Number of Pages
5:06
Active and Disabled States - Styling and Guardrails to Help the User
3:43
Query Params - Saving Page Number
5:21
Multiple Query Params
6:24
Changing # of Results Per Page
8:43
Using Pagination with Preloaded Data
5:47
Conclusion
1:36
0% done with Advanced Components: Building a Reusable Pagination Component

Chapter 4 of 5 in Advanced Components: Slots
Multiple Query Params

We start by adding a queryParam in order to keep track of which organization we're using...

Then we figure out how to preserve the queryParams that aren't supposed to change when working with multiple of them.

What do others think of VueScreencasts?
"Thank you. Even after having seen many tutorials, I keep learning a lot from you. You teach well!"
—Lars Sørensen
"Such an excellent video! Your explanations are so clear. This is the first time where I don't feel burned out in a 40min+ video tutorial. Thank you so much!"
—João Victor Valentim
"Excellent video. Thanks so much. Looking forward to the rest of the series."
—SilenceKillsDesign
"I like the way you explain and teach, also your enunciation is incredible for us 'non native' english persons, everything is so enjoyable... Thank you for putting so much effort and time into making this video knowledge."
—@awa_it_
Take your career to the next level