前端代码
element-ui分页里面直接复制就好
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:page-sizes="[2, 3, 5, 7]"
layout="total, sizes, prev, pager, next, jumper"
:total="total"
>
</el-pagination>
data() {
return {
total: 0,
pagenum: 2,
pagesize: 1,
}
}
handleSizeChange(val) {
this.pagenum = val;
this.showCom();
//调用方法,实现数据刷新
},
handleCurrentChange(val) {
this.pagesize = val;
this.showCom();
//调用方法,实现数据刷新
},
上面直接复制即可,下面是从后端请求过来的数据,把pagenum和pagesize传过去
async showCom() {
var r = await this.http.get("http://127.0.0.1:3000/combo/showCombo",
{
params: {
pagenum: this.pagenum,