# 基础用法

# 效果

# 配置

  • 构造函数中的total属性,可以设置数据总数
  • 构造函数中的current属性,可以设置当前页码
  • 构造函数中的size属性,可以设置每页条数
<div class="pager"></div>
new Pager({
  element: document.querySelector(".pager"),
  total: 200,
  current: 1
});

# 参数

Pager组件构造函数的参数是一个对象,该对象接收五个属性作为配置:

  • element:当前需要绑定的 Pager 元素,必填
  • total:设置数据总数,必填
  • current:设置当前页码,默认为1,选填
  • size:设置每页条数,默认为10,选填
  • callback:页码改变的回调,返回改变后的页码,选填
new Pager({
  element: document.querySelector('.pager'),
  total: 200,
  size: 20,
  current: 1,
  callback: (number) => {
    console.log(number)
  }
})

# API

本组件API为构造函数参数,参考上一小节