question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Feature Request] Server side pagination for v-autocomplete/v-select (loading more items on scroll)

See original GitHub issue

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 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:open
  • Created 5 years ago
  • Reactions:51
  • Comments:25 (11 by maintainers)

github_iconTop GitHub Comments

24reactions
ebuychancecommented, Apr 15, 2019

👍 to adding this feature or creating a new component.

9reactions
ricardovanlaarhovencommented, Mar 6, 2019

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

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found