vue-pagination-wing

👼 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 page

  Parameter : page (Number: page that user clicked)

Props

• currentPage : Current page active

  Type : Number

  Default : 1

• totalPage : Total of page available

  Type : Number

  Default : 1

• wingCount : Wing of left and right

  Type : Number

  Default : 2

• nextText : Text for next button

  Type : String

  Default : 'Next'

• prevText : Text for previous action

  Type : String

  Default : 'Prev'

• customClass : Class for pagination element

  Type : String

  Default : 'pager'

Hope will usefull for you all.

Contact Me :