开始

安装

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