Infinite scroll 不停加载
Opened this issue · 0 comments
llk2yq commented
工具版本:
vue:2.5.2,
mint-ui:2.2.9,
chrome(pc):62.0.3202.75,
手机: oneplus 5 android 7.1.1微信浏览器
部分代码:
<ul v-infinite-scroll="loadMore" :infinite-scroll-immediate-check="immediateCheck" infinite-scroll-disabled="isLoading" infinite-scroll-distance="0">
<li v-for="(item,index) in myList" :key="index+111">
<p>{{item.name}}</p>
<p>{{item.sex}}</p>
<p>{{item.age}}</p>
<p>{{item.hobby}}</p>
</li>
</ul>
//methods
loadMore() {
alert('正在加载');
this.isLoading= true;
setTimeout(() => {
alert('加载完毕');
this.isLoading= false;
}, 500);
},
问题:当list拉到最底部时,会触发一次loadMore(正常),此时如果是在pc端,用鼠标滚轮,可以正常上下滚动,如果是用鼠标点击拖动,包括手机端拖动,无论是向上还是向下,都会触发loadMore,触发之后鼠标滚轮也无法滚动上去了。