src/components/group/articleListScorll.vue

@@ -2,25 +2,27 @@
   <div>
      <div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" :infinite-scroll-distance="10">
         <div v-for="temp in data">
            <newArticle></newArticle>
            <box5 v-bind="temp"></box5>
         </div>
         <div v-if="loading && !busy" class="demo-loading-container">
            <a-spin />
         </div>
      </div>
      <div style="position:fixed;bottom: 10px;" id="dddadf">
         <a-pagination @change="onChange" :showQuickJumper="true" :size="size" v-model="current"
            :defaultPageSize="pageSize" :total="total" />
      </div>
      <a-back-top>
         <a-icon type="up" />回到顶部
      </a-back-top>
      <a-row type="flex" justify="center">
         <div style="position:fixed;bottom: 10px;" id="dddadf">
            <a-pagination @change="onChange" :showQuickJumper="true" :size="size" v-model="current"
               :defaultPageSize="pageSize" :total="total" />
         </div>
      </a-row>
		
   </div>
</template>
<script>
   import infiniteScroll from 'vue-infinite-scroll';
   import box5 from "../mini/box5-article.vue"
   import babyActicle from '../../assets/baby.htm'
   import newArticle from "../mini/box-new-article.vue"
   import shijie from '../../assets/shijie.htm'

   var obj1 = {
@@ -50,7 +52,8 @@

   export default {
      components: {
         box5
         box5,
         newArticle
      },
      directives: {
         infiniteScroll
@@ -68,7 +71,7 @@
         };
      },
      beforeMount() {
         this.data = [obj1, obj2,obj3];
         this.data = [obj1, obj2,obj3,obj2];
      },
      methods: {
         onChange(current) {
@@ -83,7 +86,7 @@
            console.log(this.current);
            console.log(this.busy);

            if (data.length > 15) {
            if (data.length > 3) {
               this.$message.warning('没有更多了');
               this.busy = true;
               this.loading = false;