1.0.3 • Published 2 years ago
@ahm-zobyer/vue-3-pagination v1.0.3
Vue-3 Pagination
Simple pagination component for vue-3
Dependencies
- Vue.js (3.2.37). Required.
Installation
NPM
npm install @ahm-zobyer/vue-3-paginationimport the script:
import { v3Paginate } from "@ahm-zobyer/vue-3-pagination";import the css:
import "@ahm-zobyer/vue-3-pagination/dist/style.css";Usage
Register the component :
components: {
v3Paginate;
}<v3Paginate :totalElement="100" :elementPerPage="10" @onPageClick="getData" />Api
Props
| Name | Type | Description |
|---|---|---|
totalElement | Number | (optional) defines total no of data present. |
elementPerPage | Number | (optional) defines number data which will be shown on per page. |
Events
| Name | Description |
|---|---|
onPageClick | Triggered when a user changes page. Passes the new page index as a parameter. |
Development
To work on the library locally, run the following command:
install dependencies
npm irun on local machine
npm run dev