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
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 |
← Notification Popover →