前端element-ui 分页
作者:互联网
<el-pagination
layout="total, prev, pager, next"
:total="pagers.total"
:current-page="pagers.page"
:page-size="pagers.limit"
@current-change="handlePageChange"
:page-sizes="[1, 5, 10, 20]"
style="float: right; margin-top: 5px"
>
</el-pagination>
data(){
return {
tableData:[],
pagers: {
limit: 7,
page: 1,
total: 0,
},
}
}
handlePageChange(val) {
this.pagers.page = val;
},
表格数据:
this.tableData = this.data.splice((this.pagers.page - 1) * this.pagers.limit,this.pagers.page * this.pagers.limit )
标签:分页,val,tableData,element,limit,ui,data,page,pagers 来源: https://www.cnblogs.com/0520euv/p/15624450.html