Paginacion Con Vue.js y Laravel-Eloquent

La paginación en vue es bastante simple, aprovechando las herramientas de laravel claro esta. El objetivo de cada post es conocer como aprovechar lo bueno de cada framework, ya sea front-end o back-end, y unirlos para dar soluciones practicas.

Comenzaremos asumiendo que vamos a cargar los datos con  un ajax al evento ready de la pagina, por lo tanto nuestro método vue y controlador quedaran así. Primeramente el el controlador:


nuestro código vue seria el siguiente:

Luego Renderizamos los productos cargados y también la cantidad de paginas generadas, quedaría por lo tanto así:

primero todos los productos


ahora las paginas generadas, acá asociaremos cada uno de estas paginas al evento click, el cual actualizara los datos mediante un ajax

ahora crearemos la función asociada al evento click de cada una de las paginas

eso es todo,  el resultado seria algo como lo siguiente
resultado paginacion

Puedes conocer un  poco mas acerca de vue y laravel en el siguiente post


Renderizar Datos de Relaciones Eloquent con Vue.js

Leave a reply:

Your email address will not be published.

Site Footer

%d bloggers like this: