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!"

—Артем Єрко

"great tutorial, thanks."

—Anders Wilhelm

"Thank you."

—มะ ม๋า

"Damn it's good content. I am happy that I found VueScreencasts."

—Shamim Hossain