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 |