1.0.3 • Published 9 months ago
phil-el-page v1.0.3
phil-el-page
npm install phil-el-page
使用案例
main.js
import PhilElPage from 'phil-el-table';
import 'phil-el-page/philElPage.css'
Vue.use(PhilElPage);
<template>
<div>
<PhilElPage
style="margin-top: 10px"
:pageSize="form.limit"
:pageIndex="form.page"
:totalPage="form.total"
:layout="layout"
@currentChangeHandle="currentChangeHandle"
@sizeChangeHandle="sizeChangeHandle"
/>
</template>
组件属性
参数 | 说明 | 类型 |
---|---|---|
pageSize | 每页条数 | Number |
pageIndex | 当前页数 | Number |
totalPage | 总页数 | Number |
layout | 分页配置 | String 'prev, pager, next, jumper,total' |
pageSizes | 每页页数数组 | Array 100,200,300,400 |
pageBoxBool | 是否用样式 | Boolean |
currentChangeHandle | 分页切换 | Boolean |
sizeChangeHandle | 每页数切换 | Object |