v-pager v0.0.2

v-pager

v-pager is a flexible Vue.js pagination component. it give you various param to control pagination's interface.

Screen shots

Requirements

• vue.js ^1.0.0

Installation

NPM

npm install v-pager --save

Bower

bower install v-pager

Usage

ES6

import VPager from 'VPager'

export default {
  ...
  components: {
    VPager
  },
  ...
}

ES5

var Vue = require('vue')
var VPager = require('VPager')

var component = Vue.extend({
  ...
  components: {
    VPager: VPager
  }
  ...
});

Browser

<script src="/path/to/vue/vue.min.js"></script>
<script src="/path/to/v-pager.js"></script>

new Vue({
  ...
  components: {
    VPager: Vpager
  }
  ...
})

HTML structure

<v-pager :total-pages="10" :visiable-pages="4" page-click="function"></v-pager>

Props

License

Released under the MIT License.