[Feature Request] Server side pagination for v-autocomplete/v-select (loading more items on scroll)
See original GitHub issueV-select and V-autocomplete load more items on scroll, this only loads more items into the HTML, but the items
prop has to be filled already. It would be nice to be able to load this from the server.
What problem does this feature solve?
Some API’s endpoints are paginated, for now when i have an autocomplete i add a parameter like perPage=10000 to API request parameters so everything works, except this is really slow.
What is your proposed solution?
Add a prop which indicates if you want to use server side pagination, when the onScroll
method from v-select
at this point it raises the this.lastItem
, it should fire an event which then can load x more items from the server.
Issue Analytics
- State:
- Created 5 years ago
- Reactions:51
- Comments:25 (11 by maintainers)
Top Results From Across the Web
[Feature Request] Server side pagination for v-autocomplete/v ...
V-select and V-autocomplete load more items on scroll, this only loads more items into the HTML, but the items prop has to be...
Read more >A guide to pagination, load more buttons, and infinite scroll
Here, we explain a few methods of setting up pagination, load more buttons, and infinite scroll to create more dynamic web pages.
Read more >Pagination and Infinite Scrolling in Apollo Client
This is what developers call “Infinite Scrolling”. Infinite Scrolling: new items are loaded as the scrolling reaches the bottom of the list.
Read more >Infinite Scrolling, Pagination Or “Load More” Buttons ...
What is the best UX pattern to display products on an e-commerce website: pagination, a “Load more” button or infinite scrolling?
Read more >SEO friendly pagination - practical examples using load more ...
Server side rendering returns a page's content when a GET request is made. ... But if you are implementing infinite scroll or load...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
👍 to adding this feature or creating a new component.
@tyteen4a03 It is possible with the
append-item
mentioned by @KaelWD but i prefer a more build-in solution by vuetify like the PR i’ve made. Because i think this is an issue which multiple users have and if everyone has to build an own way in the v-select/v-autocomplete. That’s a waste of time.Or perhaps someone could create a plugin for this but then that has to be maintained to and checked after every new vuetify version update.