<div class="common-div black-div" v-show="mainData.length > 0" style="display: none">
  <div class="main-common-div">
    <div class="common-part-div div-part-3">
      授信借款人
    </div>
    <div class="common-part-div div-part-7">
      業務編號
    </div>
  </div>
</div>

<div v-infinite-scroll="loadMore"
     infinite-scroll-disabled="loading"
     infinite-scroll-immediate-check="false"
     infinite-scroll-distance="5">
  <div class="common-div " v-for="item in mainData">
    <div class="main-common-div" @click="goUrl(item)">
      <div class="common-part-div div-part-3">
 

        {{item.trueName}}
      </div>
      <div class="common-part-div div-part-7">
        {{item.creditSn}}
      </div>
      <img class="right-img" src="../../../assets/images/right.png" alt="">
    </div>
  </div>
</div>

<loadingNot v-show="typeof(mainData) == 'object' && mainData.length == 0" style="display: none"
 
></loadingNot>
data(){
　　return {

　　　mainData: '',     // 資料存放處

　　}
}
這樣子一開始的時候定義資料為''的時候 是不會展示loadingNot，ajax 獲取到資料的時候 如果是下拉重新整理的話  為 ''的mainData 就無法使用 push 方法，
那麼這個時候就需要用  擴充套件運算子 ...

this.$ajax({
  url: "/api/app/credit/page?type=17",
  data: {
    current: this.current,
    size: this.size
  },
  loading: 2
}, res => {
  if (res.code == 1) {
    this.mainData = [...this.mainData, ...res.records];
    this.current++;
    this.loading = false;
    if (this.size * (this.current - 1) > this.total) {
      this.isEnd = true;
      this.$alert("已載入所有資料");
    }
    this.total = res.total;
  }
});
//例如  [...'',...[123]]    //[123]這樣子就能成功將後面的資料 類似於push 的方法操過過來了。