1.0.3 • Published 2 years 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 |