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?
"Damn it's good content. I am happy that I found VueScreencasts."
—Shamim Hossain
"Have looked at so many Vue.js tutorials, your videos are the best ones!"
—Nathan Yang
"Very well explained."
—Leon van Rijswijk
"Thank you."
—มะ ม๋า
Take your career to the next level