Ms vue simple pagination

a simple pagination for vue

Version: 1.2.4 Updated: 12/28/2018

By: magicianShiro License: MIT

Downloads Last 30 Days: 61

开始

安装

npm i --save ms-vue-simple-pagination

初始化

import Vue form 'vue'
import Pagination from 'ms-vue-simple-pagination'

Vue.use(Pagination)

使用

<template>
    <ms-pagination :totalPage="100"></ms-pagination>
</template>

属性

参数 说明 类型 可选值 默认值
theme 主题 String default/select default
page 当前的页数 Number 1
basePage 从第几页开始页码不从第一页显示 Number 4
totalPage 总页数(传了此参数,不用传pageSize&pageCount) Number
pageSize 一页显示多少条数据(必须配合pageCount) Number
pageCount 一共多少条数据(必须配合pageSize) Number
visiblePages 插件上显示多少个页码 Number 5
fast 是否开启快进模式 Boolean true/false true
fastStep 快进的页数 Number 5
btnText 按钮的文字内容 Object {first,prev,next,last} {first,prev,next,last}

事件

事件名称 说明 回调参数
current-change currentPage改变时会触发 当前页 currentPage
Categories: Vue js