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

4次阅读

共计 442 个字符,预计需要花费 2 分钟才能阅读完成。

在移动端使用 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){}, 达到比较好的效果。

谢谢!

正文完
 0