How to use vue | bootstrap vue pagination example
Oftentimeswhiledevelopinganapplication,youwillhavealotofdatatoshowtotheuser.Showingitallononescreenisoneoption,butthatcancauseawholelotofverticalscrollingfortheuser,andcanhurtperformancedependingonhowmuchdatayouaredealingwith.Pagination[1]maybeabetteroption.Solet’ssayyou’vesetupyourownappwithVue[2]andBootstrap-Vue,[3]andyouwanttouseBootstrap-Vue’sexcellentPaginationcomponent[4].Butwait,Bootstrap-Vue’sdocsonlyshowyouhowtodothatinconcordancewiththeBootstrap-Vuetablecomponent!Whatifwewanttousei...
Often times while developing an application, you will have a lot of data to show to the user. Showing it all on one screen is one option, but that can cause a whole lot of vertical scrolling for the user, and can hurt performance depending on how much data you are dealing with. Pagination[1] may be a better option.
So let’s say you’ve set up your own app with Vue[2] and Bootstrap-Vue,[3] and you want to use Bootstrap-Vue’s excellent Pagination component[4]. But wait, Bootstrap-Vue’s docs only show you how to do that in concordance with the Bootstrap-Vue table component! What if we want to use it with a simple list of values instead? Never fear, that’s what this blog post is all about.