# v-pc-pagination

> A vue pagination component for pc.

Latest version **1.0.3** (published 2018-12-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install v-pc-pagination
pnpm add v-pc-pagination
yarn add v-pc-pagination
bun add v-pc-pagination
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2018-12-18 |
| First published | 2018-12-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 29.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | meadiven |
| Maintainers | meadiven |
| Keywords | vue, page, pagination, pc |

## Links

- npm: https://www.npmjs.com/package/v-pc-pagination
- Repository: https://github.com/meadiven/vue-pagination
- Homepage: https://github.com/meadiven/vue-pagination.git
- Issues: https://github.com/meadiven/vue-pagination/issues
- npm.io page: https://npm.io/package/v-pc-pagination

## Recent versions

- 1.0.3 (latest) — 2018-12-18
- 1.0.2 — 2018-12-18
- 1.0.1 — 2018-12-18
- 1.0.0 — 2018-12-18

## README

# vue-pagination

![GitHub](https://img.shields.io/github/license/mashape/apistatus.svg) ![Github file size](https://img.shields.io/badge/size-7kb-brightgreen.svg)
![npm](https://img.shields.io/badge/npm-6.3.0-red.svg)
![node.js](https://img.shields.io/badge/node.js-v10.14.2-blue.svg)

>基于 Vue 的PC端分页组件

## How to use

```bash
npm i -S v-pc-pagination
```
Global regisiter
```js
import Vue from 'vue'
import VuePagination from 'v-pc-pagination'
Vue.use(VuePagination)
```

OR in component

```js
import VuePagination from 'v-pc-pagination'

// in vue component

export default {
  components: { VuePagination },
  methods: {
      pageChange (page) {
        console.log(page);
      }
  }
}
```
```xml
<vue-pagination :total="total" @change="pageChange"></vue-pagination>
```
## Props

| name    | type    | desc                                     | default  |
| ------- | ------- | ---------------------------------------- | -------  |
| total   | Number  | Total page number                        | required |
| current | Number  | Current page number                      | 1        |
| show    | Number  | Display Page number: odd number and >= 5 | 5        |

## Event

| name    | params | desc                              |
| ------- | ------ | --------------------------------- |
| @change | index  | The page index which user clicked |

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