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?

"Excellent tutorial. Thank you!"

—luminaia

"Excellent video!"

—Kenneth Solberg

"Better and better channel! Amazing"

—Nathan Yang

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

—Ritika Singh