src/components/group/articleListScorll.vue

@@ -1,5 +1,5 @@
<template>
   <div>
   <div class="fade">
      <div v-infinite-scroll="loadMore" infinite-scroll-disabled="busy" :infinite-scroll-distance="10">
         <div class="mySecret" v-if="data.length==0">
            <p>空空如也..</p>
@@ -11,7 +11,7 @@
         </div>


         <div v-if="loading && !busy" class="demo-loading-container">
         <div v-if="loading && !busy" class="loading-container">
            <a-spin />
         </div>
      </div>
@@ -27,13 +27,10 @@
<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'
   import {
      queryBlogArticleList
   } from '../../api/blogArticle.js'



   export default {
@@ -55,7 +52,7 @@
            total: 1,
            pageSize: 6,
            current: 1,
            defaultPageSize: 10
            defaultPageSize: 10,
         };
      },
      created() {
@@ -68,21 +65,22 @@
            }
         },
         typeId: function(newValue, oldValue) {
            //有条件不刷新
            // if (newValue == undefined || oldValue == "") {
            //    return
            // }

            this.busy = true;
            this.$message.info('loading', 0.3);
				
            //有条件不刷新
            if (newValue == undefined && oldValue != "") {
               return
            }

            this.onChange(1);
         },
      },
      activated() {
         this.busy = false;
         window.addEventListener('scroll', this);
      },
      deactivated() {
         this.busy = true;
         window.removeEventListener('scroll', this);
      },
      methods: {
@@ -136,7 +134,7 @@
   };
</script>
<style>
   .demo-loading-container {
   .loading-container {
      position: absolute;
      bottom: 40px;
      width: 100%;