vueinfinitescroll-使用中遇到的一些的问题

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

  • 假如页面上没有数据,数据是根据后端接口拿到的。

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

  • 使用 vue-infinite-scroll 然后定义了 比如 infinite-scroll-distance=”10″。

滑倒底部再滑上去的时候,也会触发一次 loadmore 方法,避免这次的执行可以在 data 里定义一个状态
变量 temp:false 然后尝试去控制这个最后一次,用if 来判断

  • infinite-scroll-disabled=”busy” 这一条件很重要。

为了不要频繁地滑动请求后端接口,这个busy 的值必须要判断,等拿到接口数据后再请求接口,不要一次性
请求 n次接口,用if ,搭配第二条可以得到一个语句 if (busy && temp){}, 达到比较好的效果。

谢谢!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理