需求分析:
实现翻页,实现以下功能
- 上一页
- 第一页
- 中间显示的页码
- 最后一页
- 下一页
实现思路
初始化时需要的配置有: totalPage(总页数) initPage(初始页) showPrev(是否显示上一页) showNext(是否显示下一页) showItems(中间显示几页) showJump(是否显示跳转到第几页) 这些可以通过 vue的 props来接收
pager组件本身需要有一个记录当前页的 currentPage
- pages数组用来容纳中间显示的页码
- jumpPage绑定输入的跳转页码
html代码