# vue-plugin-pagination

> A vue pagination。

Latest version **1.0.0** (published 2017-04-01) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-plugin-pagination
pnpm add vue-plugin-pagination
yarn add vue-plugin-pagination
bun add vue-plugin-pagination
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2017-04-01 |
| First published | 2017-04-01 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | fangdown |
| Maintainers | fangdown |
| Keywords | vue-plugin-pagination, vue, table, pagination |

## Links

- npm: https://www.npmjs.com/package/vue-plugin-pagination
- Repository: https://github.com/fangdown/vue-plugin-pagination
- Homepage: https://github.com/fangdown/vue-plugin-pagination#readme
- Issues: https://github.com/fangdown/vue-plugin-pagination/issues
- npm.io page: https://npm.io/package/vue-plugin-pagination

## Alternatives

- [@lexical/table](https://npm.io/package/@lexical/table.md) — 3.0M weekly downloads
- [mantine-datatable](https://npm.io/package/mantine-datatable.md) — 98.2K weekly downloads
- [react-native-collapsible-tab-view](https://npm.io/package/react-native-collapsible-tab-view.md) — 70.6K weekly downloads
- [@handsontable/vue3](https://npm.io/package/@handsontable/vue3.md) — 16.1K weekly downloads
- [vuewordcloud](https://npm.io/package/vuewordcloud.md) — 7.2K weekly downloads

## Recent versions

- 1.0.0 (latest) — 2017-04-01

## README

## Description

vue2.0 分页，功能包含：显示总条数 上一页、下一页、页码、跳转

## Installation

```javascript
 npm install vue-plugin-pagintion
```

## Usage

```javascript
import pagintion from 'vue-plugin-pagintion'
Vue.use(pagintion)
```

## code
```html 
html中引入
<el-pagination  :current-page="table.currentPage" :total="table.total" style="float:right" :page-size="table.pageSize" @current-change="handleCurrentChange" >
    </el-pagination>
```
```javascript
export default {
   name: 'app',
   data () {
     return {
       table: {
         total: 100,  //总数
         pageSize: 10, //每页尺寸
         currentPage: 1 //起始页
       }
     }
   },
   methods: {
     // 回调函数 点击分页后执行的函数
     handleCurrentChange: function (page) {
       this.table.currentPage = page
       // 业务代码 可执行axios
     }
   }
 }
```

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