UNPKG

vue-simple-paging

Version:

simple vue paging !!

46 lines (40 loc) 901 B
## Simple vue paging Support Set the paging button number. ## Props - **className**: The class name of the container. type String. Default: 'paging' - **totalPage**: Total number of pages. type Number or String. Dequired. - **page**: Current page. type Number or String. required. - **pageCount**: Needs to display the page button. type Number or String. Default: 5. ## Method - **change**: Page change callback(). **param**: String. selected page. ## Example: ``` //...a component //...script import paging from 'vue-simple-paging'; export default { data() { return { page: 1 } }, components: { paging }, methods: { pageChange: function (page) { // The type of page is Number // ...code this.page = page; } } } //...html <paging className="my-paging" totalPage="30" page="page", pageCount="10" @change="pageChange" > </paging>