vue-pagination-wing
v1.1.0
Published
Vue.js pagination with customize wing settings
Downloads
7
Maintainers
Readme
vue-pagination-wing
:angel: Vue.js pagination with customize wing settings
Demo
https://mazipan.github.io/vue-pagination-wing/
Screenshoot
Installation
Yarn
yarn add vue-pagination-wing
NPM
npm i vue-pagination-wing --save-dev
How to use
Import Plugins
import VuePaginationWing from 'vue-pagination-wing'
Vue.use(VuePaginationWing)
HTML Template
<VuePaginationWing
:currentPage="currentPage"
:total-page="100"
@onChangePage="onChangePage">
</VuePaginationWing>
Avaibale Events and Props
Events
onChangePage
: Event when user click pageParameter :
page
(Number: page that user clicked)
Props
currentPage
: Current page activeType :
Number
Default : 1
totalPage
: Total of page availableType :
Number
Default : 1
wingCount
: Wing of left and rightType :
Number
Default : 2
nextText
: Text for next buttonType :
String
Default : 'Next'
prevText
: Text for previous actionType :
String
Default : 'Prev'
customClass
: Class for pagination elementType :
String
Default : 'pager'
Hope will usefull for you all.
Contact Me :