1.2.4 • Published 5 years ago
ms-vue-simple-pagination v1.2.4
开始
安装
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 |