Changing # of Results Per Page

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

8:43 | Published on 2/27/2020 |
|

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?

"Thanks Jeffrey, great lessons with so much content and new concepts! Can't wait for the next ones."

—Bairre G

"Thank you for putting in the effort to make these videos and share with all!"

—Ritika Singh

"Wonderful! Super helpful. Thank you."

—Abdur Rahman

"Thanks man, cool video"

—Kirill Baryba