如何使用 ElementUI 自定义分页呢?
尽管ElementUI比较全面的提供了分页,但实际开发中的需求是多种多样的。比如我需要把下图中的下拉选择每页的数据条数,换成可以手动输入的形式,并且把他的位置放到前往xx页的左边位置。
![]()
实现代码如下:
class="pagination"
@size-change="sizeChangeHandle"
@current-change="currentChangeHandle"
background
:current-page="currentPage"
:page-sizes="[]"
:page-size="pageSize"
layout="total, prev, pager, next, slot, jumper"
:total="ipData.length">
条/页
// 改变每一页的数据条数
sizeChangeHandle (val) {
this.pageSize = val
},
// 改变当前所在页
currentChangeHandle (val) {
this.currentPage = val
},
// 监听pageSize文本框的变化,当pageSize为空时,设置pageSize的值