需求分析:

实现翻页,实现以下功能

  • 上一页
  • 第一页
  • 中间显示的页码
  • 最后一页
  • 下一页

实现思路

  • 初始化时需要的配置有: totalPage(总页数) initPage(初始页) showPrev(是否显示上一页) showNext(是否显示下一页) showItems(中间显示几页) showJump(是否显示跳转到第几页) 这些可以通过 vue的 props来接收

  • pager组件本身需要有一个记录当前页的 currentPage

  • pages数组用来容纳中间显示的页码
  • jumpPage绑定输入的跳转页码

html代码

results matching ""

    No results matching ""