Fix state of disabling buttons when slide

Dual-Ice · May 11, 2020 · 200dc0f · 200dc0f
1 parent f45ec3c
commit 200dc0f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/components/reviews/reviews-content.pug b/src/components/reviews/reviews-content.pug
@@ -20,6 +20,7 @@ script(type="text/x-template" id="reviews-content")
         ref="carousel"
         :pagination-enabled="false"
         :per-page-custom="[[320, 1], [577, 2]]"
+        @page-change="updateBtns"
       ).revies-slider__list
         slide(
           v-for="review in reviews"

diff --git a/src/scripts/reviews.js b/src/scripts/reviews.js
@@ -72,9 +72,7 @@ new Vue({
       } else {
         this.$refs.carousel.goToPage(this.$refs.carousel.getPreviousPage());
       }
-
-      this.nextBtnDisable = !this.$refs.carousel.canAdvanceForward
-      this.prevBtnDisable = !this.$refs.carousel.canAdvanceBackward
+      this.updateBtns()
     },
 
     makeArrWithRequireImages(array) {
@@ -83,6 +81,11 @@ new Vue({
         item.photo = requirePic;
         return item;
       });
+    },
+
+    updateBtns () {
+      this.nextBtnDisable = !this.$refs.carousel.canAdvanceForward
+      this.prevBtnDisable = !this.$refs.carousel.canAdvanceBackward
     }
   }