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?

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

—มะ ม๋า