vue-cli-laravel-pagination v1.0.1

Vue Cli Laravel Pagination

vue-cli-laravel-pagination is a plugin for implementing laravel pagination in on a vue cli based project. it's light weight, easy to use, well documented and has best support.

Preview

Requirements

• Vue.js 2.x
• Laravel 5.x or upper

Install

npm install vue-cli-laravel-pagination

Usage

In your main.js:

import VueLaravelPagination from "vue-cli-laravel-pagination";


Vue.use(VueLaravelPagination)

Use the component:

<vue-cli-laravel-pagination :data="laravelData" align="center" :onChange="changed_value" buttonLimit="10"></vue-cli-laravel-pagination>

export default {

	data() {
		return {
			laravelData: {},
		}
	},
	mounted() {
		this.fetch();
	},
	methods: {
        // Detect page change event
        changed_value(options){
            console.log(options.page)
            this.fetch(options.page)
        },

		// Fetch data from a Laravel endpoint
	fetch(page = 1) {
		axios.get('example.com/fetch-url-here?page=' + page)
			.then(response => {
			    this.laravelData = response.data;
			});
	    }
	}

}

API

Show your Support

To show your support for my work on this project:

• Star this repository

Credits

Vue Cli Laravel Pagination was created by Ahmed Zobayer. Released under the ISC license.