vue-list
vue-list copied to clipboard
拖到最底部马上滚动回最顶部,界面会渲染最新的那批数据
rt.
原因是因为当滑动到底部的时候触发了加载更多的数据,数据加载完成后还需要重置 previewList
, 但这个过程是异步的,需要一定的时间。
我的思路就是当滚动到底部触发加载时,如果此时用户向上滚动,那么就不需要触发当加载完成数据后的那次重置操作。也就是在 resetPreviewList
中添加如下代码
loadmore(from, to) {
...
this.resetPreviewList(_from, _to, true);
...
}
resetPreviewList(from, to, loadMore) {
if(loadMore) {
if(this.$el.scrollTop < this.lastScrollTop) {
return
}
}
...
}