Vue Pagination 2 screenshot

Vue Pagination 2

Author Avatar Theme by Matfish2
Updated: 4 Jun 2021
186 Stars

Vue.js 2 pagination component

Categories

Overview

Vue Pagination 2 is a convenient and flexible pagination component designed specifically for Vue.js version 2. It offers a simple way to handle pagination in web applications without being intrusive or complicated. This component is perfect for developers looking to implement pagination effortlessly, offering various customization options to fit different project needs.

The component supports various styling frameworks such as Bootstrap and Bulma, ensuring compatibility with many design systems. Additionally, it features a programmatic manipulation capability, allowing developers to control pagination dynamically as needed. Whether you’re working on a small project or a larger application, Vue Pagination 2 provides an effective way to streamline data presentation.

Features

  • Easy Integration: Compatible with Vue.js versions 2.0.0 to 2.9.x, making it simple to implement in existing projects.

  • Customizable Props: Supports essential props like records and v-model for binding, with options for per-page to suit your data needs.

  • Chunk Navigation: Choose between fixed and scroll navigation options for a tailored user experience when moving between pages.

  • Theme Support: Offers built-in support for popular CSS frameworks like Bootstrap 3, Bootstrap 4, and Bulma, allowing for quick styling adjustments.

  • Custom Templates: Easily create and implement your own custom pagination template to fit your application’s design language and user interface.

  • Event Handling: Automatically dispatches a custom paginate event when a page is selected, enabling straightforward event handling in your application.

  • Programmatic Control: Includes methods like setPage, next, and prev for direct manipulation of the pagination state programmatically, enhancing flexibility in page management.

  • Computed Properties: Provides handy computed properties such as totalPages and currentChunk to simplify the process of accessing pagination state information.