vue-simple-paginator v0.3.1

vue-simple-paginator

A simple Vue.js paginator

Requirements

• Vue.js ^2.0.0

Installation

$ npm install vue-simple-paginator --save-dev

Usage

import VueSimplePaginator from 'vue-simple-paginator'

export default {
  name: 'App',
  components: {
    VueSimplePaginator
  },
  data () {
    return {
      firstPage: 1,
      lastPage: 28,
      currentSet: 2,
      totalPage: 28,
      totalSet: 3,
      setSize: 10,
      currentPage: 13,
      baseUri: 'hxxp://webpage.com/hello?foo=bar&page='
    }
  }
}

<VueSimplePaginator
    v-bind:first-page="firstPage"
    v-bind:last-page="lastPage"
    v-bind:current-set="currentSet"
    v-bind:total-page="totalPage"
    v-bind:total-set="totalSet"
    v-bind:set-size="setSize"
    v-bind:current-page="currentPage"
    v-bind:base-uri="baseUri"/>

Props

• firstPage: first page number of total pages
• lastPage: last page number of total pages
• currentSet: current pages set number of total pages set
• totalPage: total pages number
• totalSet: total pages set number
• setSize: number of pages in one set
• currentPage: current page number of total pages
• baseUri" base uri except page number