Vt pagination

基于 vue 2 封装出的 分页 组件,提供了基本的样式和事件。

Version: 1.1.2 Updated: 10/17/2017

By: vue-tools License: MIT

Downloads Last 30 Days: 95

vue pagination

基于 vue 2 封装出的 分页 组件,提供了基本的样式和事件。

Install

npm i vt-button -S

import Pagination from 'vt-pagination'

// global install
Vue.component('Pagination', Pagination)

// scope install
export default {
    components: {
        Pagination
    }
}

Usage

<template>
   <Pagination total=1000 count=20 pageCount=5 currentPage=1></Pagination> 
</template>

<script>
    import Pagination from 'vt-pagination'

    export default {
        methods: {

        },
        components: {
            Pagination
        }
    }
</script>

Interface

props:
  total:
    type: Number
    default: 1
    description: 总页码数
  count:
    type: Number
    default: 50
    description: 每页条数
  pageCount:
    type: Number
    default: 10
    description: 页码显示展示个数
  currentPage:
    type: Number
    default: 1
    description: 当前页码
  countOptions: 
    type: Array
    default: 10, 20, 50, 100
    description: 每页条数配置参数
events:
  current-change:
    description: 点击当前页码,第一个参数: 当前页码,第二个参数: 上一个页码
  count-change: 
    description: 切换每页显示条数触发事件,参数:当前切换的条数
Categories: Vue js
Tags: