lb-vue-pagination v1.0.19

Screenshot

Description

Install

npm install lb-vue-pagination --save

Include plugin in your main.js file.

import Vue from 'vue'
import lbVuePagination from 'lb-vue-pagination';
Vue.component('lb-vue-pagination', lbVuePagination);

Using

template code

<template>
    <lb-vue-pagination v-model="pagination" :total-count="totalCount" search-placeholder="Search" items-placeholder="Items per page"></lb-vue-pagination>
</template>

script code

export default {
    data(){
        return {
            totalCount: 300,
            pagination: {
                query: '',
                currentPage: 1,
                limit: 20,
                initialId: [],
                searchTimeout: false
            }
        }
    },
    watch:
    {
        'pagination.query'(query)
        {
            //when someone queries, do the store reload here
        },
        'pagination.currentPage'(page)
        {
            //when someone changes the page, do the store reload here
        }
    }
};

Available settings