ElemeFE / vue-infinite-scroll

An infinite scroll directive for vue.js.
2.85k stars 416 forks source link

加载失败后无限触发事件,导致页面崩溃。能否加一个need-retrigger属性,要求再滚动上去滚动下来才触发? #99

Open imageslr opened 6 years ago

imageslr commented 6 years ago

如题,当我用了无限加载后,页面滚动到底部时触发事件。如果这时候加载数据成功,就没什么问题;但是如果网络出错,那这个时候还在页面底部,就会不停地触发事件。

我暂时想不到这个有什么好的解决办法。我目前的解决办法是网络加载出错时禁用infinite-scroll事件,邀请用户点击按钮再次尝试加载,加载成功后再启用该事件。

能否加一个need-retrigger属性?它是一个boolean值,作用是:当need-retrigger为true时,即使现在到了页面底部,依然不会触发infinite-scroll事件,而是要求用户必须向上滚动一定距离,再次向下滚动到底部,才会触发这个事件。

这个要求向上滚动的一定距离默认可以是为infinite-scroll-distance。

imageslr commented 6 years ago

不过还有一个问题是,如果这个元素一开始为空,无法填充整个容器,那就不能向上滚动了。这个也没有想到怎么解决。