@2alheure/vue-pagination v1.1.1

Vue.js Pagination

A simple Vue.js component that helps to print and handle a pagination.
This component is compatible with Vue 3.

• Vue.js Pagination
  • Installation
  • Usage
  • Example
  • Props
  • Events

Installation

First, you must run npm install @2alheure/vue-pagination.
Then, you can import it with import Pagination from "@2alheure/vue-pagination";.

Usage

Call the component with two things:

• a v-model directive, using a variable representing the active page (integer)
• a maxPage prop (integer) representing the max page number

Example

<Pagination v-model="page" :maxPage="10" />

<script>
  import Pagination from "@2alheure/vue-pagination";
  
  export default {
    components: {
      Pagination
    },
    data() {
      return {
        page: 3
      }
    }
  };
</script>

Props

Events