Pagination

Simple pagination component.

Example

Current page: 1
<v-pagination v-model="current" :total="300"></v-pagination>
1
export default {
  data() {
    return {
      current: 1,
    };
  },
};
1
2
3
4
5
6
7

Props

Name Type Description Default Required
value, v-model Number Current page value. If you are not using v-model, you should listen for the input event and update value. 1 false
maxVisibleButtons Number Number of visible buttons 3 false
total Number Total amount of pages None true
perPage Number Items per page 10 false