场景:分页条数分别是20/50/100条,默认20条的时候,一共有83页,100条的时候,一共有17条数据。
当我点到83页查看页面数据,页面的请求是pgSize: 20,pgNum: 83

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

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

被折叠的 条评论
为什么被折叠?



