vue+mintUI之分页

<div class="app">

<ul
  v-infinite-scroll="loadMore"
  infinite-scroll-disabled="loading"
  infinite-scroll-distance="10">
      <li v-for="item in list">{{ item }}</li>
</ul>

</div>

<script>
var vm = new Vue({
    el: '.app',
    data:{
       
        orderList:[],
        pageNo:1,
        pageSize:10,
        loading:false,
        
    },
   methods: { 
    loadMore:function () {
       this.showOrderData();
    },

showOrderData:function () {
    var that = this;
    getHttpRequest("/app/shipperWaybill/getWayBill?orderStatus="+that.orderStatus+"&pageNo="+that.pageNo+"&pageSize="+that.pageSize,"",function (code,o) {
        
        if(code == "0"){
            for (var i = 0; i < o.data.list.length; i++) {
                that.orderList.push(o.data.list[i]);
              
            }
            ++that.pageNo;
            if(that.orderList.length == o.data.count){//表示已加载到最后一页
                that.loading = true;  //值为true,就不会发请求
            }
        }else {
            //登录失败，显示提示语
            vm.$data.pwd_point = o.message;
        }


    });
}

   }

 

</script>