ThPagination分页组件

此组件为element-ui 分页器再封装

依赖说明

该组件依赖 element-ui

基本使用

<th-pagination :total="ipagination.total" :current.sync="ipagination.current" :page-size.sync="ipagination.pageSize" @pagination="loadData" />

//js
data() {
    return {
        ipagination: {
          current: 1,
          pageSize: 10,
          total: 0
        },
    }
},
methods: {
  submitForm(){
     loadData () {
       this.requestList().then(res => {
         //...
         this.ipagination.total = res.total || 0
       }).catch(() => {
         this.ipagination.total = 0
       })
     },
  }
}

效果演示

Api

参数	说明	类型	默认值	可选值
total	总条目数	Number	0	--
current	当前页数	Number	1	--
pageSize	每页显示条目个数	Number	10	--
autoScroll	分页刷新时是否滚动视图，默认为true	Boolean	true	false
hidden	无数据时是否隐藏分页，默认为true	Boolean	true	false
openFeel	是否开启自动扩充pageSizes组，开启时会根据返回的total扩充pageSizes组，最大扩充到1000	Boolean	true	false
layout	组件布局，子组件名用逗号分隔	String	prev, pager, next, sizes, total	sizes, prev, pager, next, jumper, ->, total, slot