有這樣一個(gè)需求，首先請main初始化的時(shí)候通過接口加載數(shù)據(jù)，第一次請求的參數(shù)為indexPage:1(每一頁最多10條數(shù)據(jù))

當(dāng)用戶滾動(dòng)列表到底部的時(shí)候，判斷第一次加載的數(shù)據(jù)有沒有10條，如果沒有表示沒有更多數(shù)據(jù)了，如果有10條則繼續(xù)請求pageIndex2，依此類推

<header>頭部</header>
<div class="main">
    <ul>
        <li v-for="item in items"></li>
    </ul>
</div>
<footer>底部</footer>

<script>
    var main = new Vue({
        el:main,
        data:{items:""}
        created:function(){
          this,getlist()
        },
        methods:{
          getlist:function() {
            this.$http({
              url:api,
              method:"GET",
              params:{pageIndex:1},
              headers:{
                'Content-Type': 'appliaction/json'
              }
            }).then(function(res){this.items = res.body.questionlist},function(err){console.log(err)})
          }
        }
    })

</script>

下面是我的思路

滾動(dòng)條滾到底部的時(shí)候判斷第一次加載的數(shù)據(jù)有沒有10條，如果沒有則在控制臺(tái)顯示沒有更多數(shù)據(jù)，有則繼續(xù)請求pageIndex2，寫到這里發(fā)現(xiàn)思路錯(cuò)了當(dāng)請求pageindex2，下一次的items數(shù)量肯定大于10了。求大神給出更好的寫法
或者有沒有什么簡單的插件
$(window).scroll(function(){
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {  
       if(main.$data.items.<=10){
           console.log("沒有更多數(shù)據(jù)")
       }else{
           //這里不會(huì)寫了
       }
    }
});