Active page doesn't change

<paginate
              :page-count="pageCount"
              :click-handler="fetchUsers"
              :force-page="currentPage"
              :prev-text="'>'"
              :next-text="'<'"
              :container-class="'pagination'"
              :page-class="'page-item'">
</paginate>

when fetchUsers is done, pageCount and currentPage will be updated but the active page is still the first page, it should be currentPage.

Do I miss some thing?

[lokyoung]

@trandaison @ojczeo @sreecodeslayer @ditorahard Please try v2.1.0. Now it support no v-model binding. Any questions please reopen this issue. Thanks!

[ojczeo]

Do you operate over Array in pageNumber? In short arrays reactivity is tricky in Vue.js. You should proxy it with computed value and use for this Vue.set, for example:

import Vue from 'vue'
//...
computed: {
  pageNumber: {
    get() {
      return this.pageNumber[0]    
    },
    set(value) {
      Vue.set(this.pageNumber, 0, value);  
    }
  }
}
//...

Next you can set pageNumber as model.