分页

当数据量过多时，使用分页分解数据。

基础用法

<template>
  <cb-pagination :pager="pager" @change="pageChange" />
</template>

<script>
export default {
  methods: {
    pageChange(page = 1) {
      this.pager.current = page;
      this.$notify.success(`你按了页码，当前页：${page}`);
    }
  }
}
</script>

属性

参数 说明 类型 可选值 默认值
pager 分页数据（常规分页） object { current: 当前页数, total: 总页数 } —
pager 分页数据（没有总页数的分页），同时需要把 num-links 设置为 0 object { current: 当前页数, count: 当前获取的记录数 } —
pager 分页数据（基于主键的分页），要一并设置 primary-key 为 true object { key: 当前主键 key, reset: 是否要复位分页组件 } —
num-links 用于分页，表示放在你当前页码的前面和后面的“数字”链接的数量。比如说值为 2 就会在每一边放置两个数字链接。 number — 5
primary-key 用于分页，表示是否为主键类型的分页 boolean — false
per-page 用于分页，表示每页显示多少条数据 number — 20
max-length 在没有总页数的分页情况下，设置最大的数据条数 number — 5000

事件

名称 说明
change 页码变更时触发的事件，事件处理函数会传递一个页码参数，页码变更后不会自动高亮当前页码，需要手动赋值当前页码的属性值。