element Pagination切换分页条数,会出现两次请求

场景:分页条数分别是20/50/100条,默认20条的时候,一共有83页,100条的时候,一共有17条数据。

当我点到83页查看页面数据,页面的请求是pgSize: 20,pgNum: 83

element Pagination切换分页条数,会出现两次请求_第1张图片

当我切换到100条的时候,页面出现了两次数据查询,

element Pagination切换分页条数,会出现两次请求_第2张图片

其实我页面就写了一次请求。后来分析,我觉得应该是element自己的问题,当我从20切换100的时候,其实页面已经没有了84页了,但是此时页面没有响应到,于是将pgSize: 100,pgNum: 83,带去查询数据,肯定会没有数据的,等页面响应到pgNum已经只有17页的时候,又将pgSize: 100,pgNum: 17带过去查数据,此时才是正确的数据的,但是有时候页面会出现前者的情况,所以我开始的处理是在$nextTick里面去请求后台的数据,但是我发现还是会出现上面的情况,因为切换条数的时候,不涉及到页面元素的重绘,所以页面元素本来就是已经加载完全了,我后来换用setTimeout(函数,0),用延迟,虽然还是两次请求,但是每次都是pgSize: 100,pgNum: 17。

你可能感兴趣的:(vue)