Page 0 when filtering

[travisthomson]

When the pagination is based off a filtered array, if the filter ever becomes empty, it auto-selects page "0". When the list is re-populated, you remain on page "0" with no results until you click another page.

[mornir]

I ran into that problem too. What I did is: wrap vue-paginate in a div with a v-if="yourArray.length". In this way, it will force vue-paginate to re-render.

[mehdirochdi]

i have a some problem, when i select a value for example in listbox i get empty list but when i select all list a get empty too.

[Organizm238]

I ran into that problem too. What I did is: wrap vue-paginate in a div with a v-if="yourArray.length". In this way, it will force vue-paginate to re-render.

I think, this should be a part of official doc. Worked like a charm.

[taivu]

i feel like the solution @mornir has is good work around, but isnt addressing the actual problem. is this an issue with vue's reactivity of the array?

[xlcrr]

Works perfectly! Should be included in the docs.

<div v-if="this.filteredItems.length">
  <paginate>
    <table />
  </paginate>

   <paginate-links />
</div>
<div v-else></div>

[adriangordon1231]

Also works if you add a "v-if" directive to the paginate component itself.

<paginate v-if="this.filteredItems.length"></paginate>