首先分页组件的页数是由total和size决定
<el-pagination
v-model="page"
:page-sizes="[10, 20, 30, 40]"
:page-size="size"
layout="total, sizes, prev, pager, next, jumper"
:total="totle"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
>
</el-pagination>
通过后端返回数据进行赋值,比如现在size是10,total是11
那么现在的页数是两页
而切换到第二页的时候发送两次请求,并且页数切换到了1
因为total或size的变化而导致页数变成了一页从而导致这种情况发生,组件给你切换到了第一页然后再次触发了change事件,而发送请求在change中,所以出现了发送两次请求
我遇到的情况是,page为1时后端传的total正常,而page切换到2时后端返回total为0,组件给你变成1页并且切到1页,啥也不说了,先打一顿后端