CODEWITHSUNDEEP
javascriptjquerypaginationvue.js
b4dQuetions
b4dQuetions

Reputation: 1619

vueJs paginate and filter

how I can handle filtering with paginate in vueJs more detail please check 

<div class="col-xs-6 col-md-4" v-for="item in items | limitBy count offset | filterBy name in 'name'">

Upvotes: 1

Views: 1471

Answers (1)

Adeel Zafar Soomro
Adeel Zafar Soomro

Reputation: 1522

If you wish to filter for just one result, you can reorder your filters thus:

<div class="col-xs-6 col-md-4" v-for="item in items | filterBy name in 'name' | limitBy count offset">

If this is not the intended output, try changing the limitBy arguments.

The way the filters were set up earlier, only those items were being searched for the target string that were displayed on the page, i.e., only a single item was being searched. For example, the first page displays 'Kathy Sparks'. If the target string matched, for e.g., if it contained 'kat', then the name would show. Otherwise, suppose the target string were 'katt', no results would be displayed.

Upvotes: 1

Related Questions