mirror of
https://github.com/tenrok/vue-select.git
synced 2026-06-10 07:52:23 +03:00
223f3a6d85
commit8c3a1b107bAuthor: Jeff Sagal <sagalbot@gmail.com> Date: Fri Jul 15 09:57:37 2022 -0700 bump to vitepress 1.0.0-alpha.4 commit96ff08406cAuthor: Jeff Sagal <sagalbot@gmail.com> Date: Wed Feb 23 10:25:36 2022 -0800 vitepress wip mostly working, feeling like vuepress should still be considered commitf3e22e0439Author: Jeff Sagal <sagalbot@gmail.com> Date: Sat Feb 19 17:18:30 2022 -0800 remove yarn, rename readme commit8cd3bbeb51Author: Jeff Sagal <sagalbot@gmail.com> Date: Sat Feb 19 17:17:22 2022 -0800 install vitepress
19 lines
854 B
Markdown
19 lines
854 B
Markdown
::: tip <Badge text="3.8.0+" />
|
|
Pagination is supported using slots available with Vue Select 3.8 and above.
|
|
:::
|
|
|
|
Pagination can be a super helpful tool when working with large sets of data. If you have 1,000
|
|
options, the component is going to render 1,000 DOM nodes. That's a lot of nodes to insert/remove,
|
|
and chances are your user is only interested in a few of them anyways.
|
|
|
|
To implement pagination with Vue Select, you can take advantage of the `list-footer` slot. It
|
|
appears below all other options in the drop down list.
|
|
|
|
To make pagination work properly with filtering, you'll have to handle it yourself in the parent.
|
|
You can use the `filterable` boolean to turn off Vue Select's filtering, and then hook into the
|
|
`search` event to use the current search query in the parent component.
|
|
|
|
<Paginated />
|
|
|
|
<<< @/.vitepress/components/Paginated.vue
|