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?

"Thank you for this!!!"

—Cyrus Besabella

"Thanks for this series! Very helpful and good to follow."

—Raúl Wallaart

"I’m enjoying your style, keep it up!"

—Sean B

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

—Bairre G