Vue-paginate console warning

Im using the npm Vue-Paginate and I’m getting a vue warning

[Vue warn]: Invalid prop: custom validator check failed for prop "total".

The actual paginate is working fine but id like to understand why it’s popping this warning.

I have one data field

currentPage: 1,

and a computed property making the page count

pageCount() {
      let l = this.bets.length,
        s = this.pageSize;
      return Math.ceil(l / s);
    },

then I feed both values into the component

        <vue-pagination :total="pageCount" v-model="currentPage"></vue-pagination>

And I get that warning, any idea would be welcomed

Make sure l and s are numbers and that s is not zero.

1 Like