Query Params - Saving Page Number

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

5:21 | Published on 2/27/2020 |
|

Chapter 4 of 5 in Advanced Components: Slots

Query Params - Saving Page Number

Query Params are a great way to save and share the state of the app, using the URL.

In this lesson, we're adding the pageNumber Query Param to the Pagination component, learning how to use $route.query and $router.push to find and change the query params.

What do others think of VueScreencasts?

"You're a blessing my dude. Thank you so much for this!"

—elmo

"You saved my job just now."

—Shamim Hossain

"Great tips great video thanks"

—Happyoe

"I like the way you explain and teach, also your enunciation is incredible for us 'non native' english persons, everything is so enjoyable... Thank you for putting so much effort and time into making this video knowledge."

—@awa_it_

Take your career to the next level