# vue-pageman

> a vue pager component

Latest version **0.0.4** (published 2018-01-22) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-pageman
pnpm add vue-pageman
yarn add vue-pageman
bun add vue-pageman
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.4 |
| Published | 2018-01-22 |
| First published | 2018-01-22 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | ygtzz |
| Maintainers | ygtzz |
| Keywords | vue, pager |

## Links

- npm: https://www.npmjs.com/package/vue-pageman
- Repository: https://github.com/ygtzz/vue-pager
- Homepage: https://github.com/ygtzz/vue-pager#readme
- Issues: https://github.com/ygtzz/vue-pager/issues
- npm.io page: https://npm.io/package/vue-pageman

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) 2.4.4

## Recent versions

- 0.0.4 (latest) — 2018-01-22
- 0.0.3 — 2018-01-22
- 0.0.2 — 2018-01-22
- 0.0.1 — 2018-01-22

## README

## vue-pageman

a vue pagination component, modified from jquery pagination

### Install

```bash
npm install vue-pageman -S

yarn add vue-pageman
```

### Quickstart
```javascript
require('vue-pager/dist/vue-pageman.css');

// in ES6 modules
import { pager } from 'vue-pageman';

// in CommonJS
const { pager } = require('vue-pageman');

// in Global variable
const { pager } = VuePageman;

Vue.component('c-pager',pager);
```
```html
<c-pager :total="total" :pgeSize="10" 
         :num-display-entries="4" :num-edge-entries="1" 
         :cur-page="1"></c-pager>
```

### Params

`props`
- `maxentries`	         item's total count	            required，Number
- `items-per-page`	     item's count per page	        optional，default is 10
- `num-display-entries`	 item's count in center area    optional，defalut is 10
- `cur-page`	     current selected page	        optional，default is 0，representing first page
- `num-edge-entries`	 item's count in both sides	    optional，default is 0
- `link-to`	             page item's link               String，optional，default is "#"
- `prev-text`	         pre page button's text	        String，optional，default is "Prev"
- `next-text`	         next page button's text	    String，optional，default is "Next"
- `ellipse-text`	     ellipsis text on not showing pages	optional，default is "..."
- `prev-show-always`	 whether to show pre button	    Boolean，optional，default is true
- `next-show-always`	 whether to show next button	Boolean，optional，default is true
- `callback`	         callback function	            default is no return value

### Preview

![pager image](./doc/pager.png)

---
_Source: https://npm.io/package/vue-pageman · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._