Vue pagination for Laravel

A Laravel Paginator for vue2 components

Installation

npm

npm install vue2-laravel-custom-pagination

Then

import Pagination from 'vue2-laravel-custom-pagination'

Then that's how you insert in the .vue template:

<template>

    ...

    <pagination
        ref="pagination"
        :from="results.from"
        :to="results.to"
        :total="results.total"
        @page-changed="fetch"></pagination>

</template>

The 'page-changed' event is emmitted when the next or previous button is clicked. There are properties inside the component data called page and limit, you can use them in your component by giving a ref and then calling the values like this.$refs.pagination.page.

Roadmap

• Make CSS customizable
• Make props for diferent layouts (simple buttons, show page number, show total results, etc)

License

This Laravel package is open-sourced software licensed under the MIT license