vue-pagination-y v1.1.1

vue-pagination

A pagination component for Vue.js.

Installation

npm i vue-pagination-y -D

Usage

import Vue from 'vue'
import vuePagination from 'vue-pagination-y'

Vue.use(vuePagination)

or

import vuePagination from 'vue-pagination-y'

export default {
  ...
  components: {
    vuePagination
  },
  ...
}

or

通过script标签引入

<script src="vue.js"></script>

<script src="vue-pagination.min.js"></script>

html

<vue-pagination :current-page="6" :total="300" :page-size="30" @current-change="handleChange"></vue-pagination>

or

<vue-pagination :current-page="7" :page-count="30" @current-change="handleChange"></vue-pagination>

Attributes

current-page

说明：当前页数 类型：Number 默认值：1

page-count

说明：总页数，total 和 page-count 设置任意一个就可以显示页码；如果要更改 page-size，则需要使total 类型：Number 默认值：-

total

说明：总条目数 类型：Number 默认值：-

page-size

说明：每页显示条目个数 类型：Number 默认值：10

theme

说明：风格颜色 类型：String 可选：white、gray 默认值：white

Events

current-change

说明：currentPage 改变时触发 回调参数：当前 currentPage