ElemeFE / vue-infinite-scroll

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

Infinite scroll 不停加载 #78

Open llk2yq opened 7 years ago

llk2yq commented 7 years ago

工具版本:

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,触发之后鼠标滚轮也无法滚动上去了。