<!--分页 start-->
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="pageInfo.currentPage"
:page-sizes="[5, 10, 50, 100]"
:page-size="pageInfo.pageSize"
layout="total, sizes, prev, pager, next, jumper"
:total="pageInfo.pageTotal"
></el-pagination>
<el-table
:data="tableData.slice((pageInfo.currentPage-1)*pageInfo.pageSize,pageInfo.currentPage*pageInfo.pageSize)"
</el-table>
data(){
return{
//分页
pageInfo: {
currentPage: 1,
pageSize: 5,
pageTotal: 20
},
tableData:[]
}
},
methods:{
handleSizeChange(val) {
this.pageInfo.pageSize=val
console.log("每页"+val+"条");
},
handleCurrentChange(val) {
this.pageInfo.currentPage=val
console.log("当前页:"+val);
}
}