在移动端使用 vue-infinite-scroll 的时候,总结一下我遇到的问题。

假如页面上的数据是动态获取

在使用 vue-infinite-scroll 的时候,
如果你没有绑上 infinite-scroll-immediate-check="true" ,
它会去执行 loadmore 方法,
这个可以适当绑定上

使用 infinite-scroll-distance

移动端滑到底部再滑上去的时候,会触发一次 loadmore 方法,
避免这次的执行可以在 data 里定义一个状态变量 temp:false ,
然后根据它去控制最后一次的执行

infinite-scroll-disabled="busy"

为了不要频繁地滑动请求后端接口,
busy 的值必须要判断,
等拿到接口数据后再请求接口,不要一次性请求 n次接口,
解决为 if (busy && temp){ }


谢谢!


PETER
7 声望2 粉丝