2.1.0-dev.0 • Published 2 years ago

@saurssaurav/pagination-js-vue v2.1.0-dev.0

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

Pagination Vue

Simple and light weight pagination for vue.

image

Installation

$ npm i @saurssaurav/pagination-js-vue

Usage

<script setup lang="ts">
import { ref } from 'vue';
import PaginationTest from '@saurssaurav/pagination-js-vue';
import '@saurssaurav/pagination-js-core/style.css'; // import default pagination css

const currentPage = ref(1);

const onChange = (page) => {
  currentPage.value = page;
};
</script>

<template>
  <pagination-test
    :totalPage=10
    :pageSidesToCurrentPage=2
    :currentPage="currentPage"
    @onChangeCurrentPage="onChange"
  ></pagination-test>
</template>

Props

NameTypeDefaultDescription
totalSizeNumberRequired. Total data size
currentPageNumberRequired. Active page number
onChangeCurrentPageFunctionRequired. Page change handler. Receive current pageNumber as arg
pageSidesToCurrentPageNumberRequired. Neighbouring pages to active page
2.1.0-dev.0

2 years ago

2.0.1-dev.0

2 years ago

1.0.2-dev.0

2 years ago

1.0.1-dev.0

2 years ago

1.0.0-dev.0

2 years ago

0.0.2-dev.0

2 years ago

0.0.1-dev.0

2 years ago