A Vue.js plugin to easily integrate pagination.

Downloads in past


28492.0.27 years ago8 years agoMinified + gzip package size for vuejs-paginator in KB


Vue.js Paginator CircleCI npm downloads Version Software License
A Vue.js plugin to easily integrate pagination in your projects.

VueJs Paginator is a simple but powerful plugin since it gives you access on how to render the data, instead of using a predefined table.
vue paginator preview
The way you use it is similar to Laravel's paginator.


For Vue 1. use v1.0.15.

Through npm

npm install vuejs-paginator --save

From a cdn

<script src=""></script>
<!-- or -->
<script src=""></script>


Use VPaginator in the HTML.
<v-paginator resource_url="api/animals" @update="updateResource"></v-paginator>

Prepare the Vue instance.
// if you are not using the cdn version you have to import VuePaginator.
// import VuePaginator from 'vuejs-paginator'
new Vue({
    data () {
      return {
        animals: []
    components: {
        VPaginator: VuePaginator
    methods: {
        this.animals = data

Thats it

Every time a page is changed or fetched, resource variable will contain the returned data.
  <li v-for="animal in animals">
    {{ }}


Here you can find the detailed Documentation

Build Setup

# install dependencies
npm install

# build for production with minification
npm run build

# run unit tests
npm run unit
# run all tests
npm test