vue 使用v-infinite-scroll上拉加载更多数据

话不多说，直接上代码

<div  class="paryInfo" v-infinite-scroll="loadMore"
          infinite-scroll-disabled="loading"
          infinite-scroll-distance="10"
          immediate-check="false" >
        <table class="parycontent">
          <tr>
            <th style="width:80px;"> th>
            <th style="width:118px;">nameth>
            <th style="width:110px;">contentth>
            <th>paryth>
          tr>
          <tr v-for="item,index in articleData" :key="index">
            <td style="width:80px;">
              <img :src="item.user.fullProfileUrl" width="50px" height="50px" align="top"/>
            td>
            <td style="width:118px;">
              <span class="name">{
     {item.user.userName}}br>
              <span>{
     {item.buyTime|formatDate}}span>span>
            td>
            <td style="width:110px;">
              <span class="sayToYou">{
     {item.sayToYou}}span>
            td>
            <td>
              <span class="shop">{
     {item.hallName}}span>
            td>
          tr>

　

loading....

 

 

js