How to limit the number of dropdown results in v-autocomplete?

Question

Image Link I receive 100-200 results from the axios api. I want to show only first 10 from it. Is there any way I can do that. I cannot do that from api since I also want to show the count of total items returning from axios.

Edit: I have a show all button which shows the list of all the item in new pop up. Due to this I want the exact count of total items that are returning but only want to display top 10 results from it.

modify the response so that you take only top 10 records from it — Sowmyadhar Gourishetty, Jul 26 '21 at 16:24
@Braks But this way I won't be able to show the exact count of items present, it will always be less than equal to 10. — abhinav, Jul 26 '21 at 17:10

score 2 · Answer 1 · answered Jul 26 '21 at 16:24

2

One option is to use menu-props and adjust the height

<v-autocomplete  :menu-props='{ nudgeTop: 110,maxHeight: 125}'></v-autocomplete>

answered Jul 26 '21 at 16:24

Antony Gladson R

31
4

How to limit the number of dropdown results in v-autocomplete?

1 Answers1