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
Changing # of Results Per Page

In this lesson, we're going to use everything we've learned in this course so far and use it to add a new feature.

The new feature is changing the number of results that display per page.

We'll be creating another row of buttons, adding a new queryParam, and feeding yet another piece of customized data to our endpoint.

What do others think of VueScreencasts?
"Nice job."
—Bucur Ion Niculae
"This was EXACTLY what I needed. Informative and succinct. Thank you for taking the time to do this."
—Zara Kayn
"I am happy to find your video, really amazing. I am excited to hear from you the next one. Thanks a lot."
—Azri Ridha
"Thank you so much."
—Ayoub Hammoudan
Take your career to the next level