Q-Pagination 分页

基础用法

提示

支持 v-bind="$attrs" 和 v-on="$listeners" 透传。

<template>
  <QPagination
      small
      v-show="total > 0"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
      :showJumper="false"
  />
</template>

<script>
  export default {
    data() {
      return {
        total: 100,
        queryParams: {
          pageNum: 1,
          pageSize: 20
        }
      }
    },
    methods: {
      getList() {

      }
    }
  }
</script>

Expand Copy Copy

Attributes

属性名	说明	类型	可选值	默认值
v-show	显示	Boolean	—	—
total	总数	Number	—	—
page.sync	当前页	Number	—	1
limit.sync	最大数	Number	—	20
isRight	在右侧	Boolean	—	false
isClass	边距样式	Boolean	—	true
pageSizes	分页选择	Array	—	[10, 20, 50, 100, 200]
pagerCount	最大页标签数量	Number	—	5
layout	布局	String	—	'total, sizes, prev, pager, next, jumper'
autoScroll	边距样式	Boolean	—	true
hidden	边距样式	Boolean	—	false
showTotal	显示总数	Boolean	—	true
showSizes	显示大小	Boolean	—	true
showPrev	显示前一页	Boolean	—	true
showPager	显示标签页	Boolean	—	true
showNext	显示后一页	Boolean	—	true
showJumper	显示跳	Boolean	—	true

Events

事件名	说明	回调参数	参数说明
pagination	获取数据事件	-	Function