Vue.js Laravel Project to Display Pagination Component Using laravel-vue-pagination Library in Browser

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments

 

 

Laravel Vue Pagination

A Vue.js pagination component for Laravel paginators.

Requirements

For Vue 2 support use v2.

Install

Usage

 

 

 

 

 

 

 

API

Props

Name Type Description
data Object An object containing the structure of a Laravel paginator response or a Laravel API Resource response.
limit Number (optional) Limit of pages to be rendered. 0 shows all pages (default). -1 will hide numeric pages and leave only arrow navigation. Any positive integer (e.g. 2) will define how many pages should be shown on either side of the current page when only a range of pages are shown.
show-disabled Boolean (optional) Show disabled prev/next buttons instead of hiding them. false hides disabled buttons (default). true shows disables buttons.
size String (optional) One of smalldefault or large
align String (optional) One of left (default), center or right

Events

Name Description
pagination-change-page Triggered when a user changes page. Passes the new page index as a parameter.

 

 

 

 

https://github.com/gilbitron/laravel-vue-pagination?ref=madewithvuejs.com

 

Leave a Reply