Add the continue fill up feature

Author: PeachScript

src/components/InfiniteLoading.vue

@@ -83,21 +83,19 @@
       this.scrollParent = getScrollParent(this.$el);
 
       this.scrollHandler = function scrollHandlerOriginal() {
-        const currentDistance = getCurrentDistance(this.scrollParent);
-        if (!this.isLoading && currentDistance <= this.distance) {
-          this.isLoading = true;
-          if (this.onInfinite) {
-            this.onInfinite.call();
-          }
+        if (!this.isLoading) {
+          this.attemptLoad();
         }
       }.bind(this);
 
       setTimeout(this.scrollHandler, 1);
       this.scrollParent.addEventListener('scroll', this.scrollHandler);
 
       this.$on('$InfiniteLoading:loaded', () => {
-        this.isLoading = false;
         this.isFirstLoad = false;
+        if (this.isLoading) {
+          this.$nextTick(this.attemptLoad);
+        }
       });
       this.$on('$InfiniteLoading:complete', () => {
         this.isLoading = false;
@@ -112,6 +110,17 @@
         setTimeout(this.scrollHandler, 1);
       });
     },
+    methods: {
+      attemptLoad() {
+        const currentDistance = getCurrentDistance(this.scrollParent, this.direction);
+        if (!this.isComplete && currentDistance <= this.distance) {
+          this.isLoading = true;
+          this.onInfinite.call();
+        } else {
+          this.isLoading = false;
+        }
+      },
+    },
     destroyed() {
       if (!this.isComplete) {
         this.scrollParent.removeEventListener('scroll', this.scrollHandler);