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