fix(vue): update virtual slides on nextTick

Fixes #4172
nolimits4web · Feb 1, 2021 · 5208b1a · 5208b1a
1 parent 19a645d
commit 5208b1a
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/src/vue/swiper.js b/src/vue/swiper.js
@@ -1,4 +1,4 @@
-import { h, ref, onMounted, onUpdated, onBeforeUnmount, watch } from 'vue';
+import { h, ref, onMounted, onUpdated, onBeforeUnmount, watch, nextTick } from 'vue';
 import { getParams } from './get-params';
 import { initSwiper, mountSwiper } from './init-swiper';
 import { needsScrollbar, needsNavigation, needsPagination, uniqueClasses, extend } from './utils';
@@ -300,12 +300,11 @@ const Swiper = {
     });
 
     // update on virtual update
-    watch(
-      () => virtualData,
-      () => {
+    watch(virtualData, () => {
+      nextTick(() => {
         updateOnVirtualData(swiperRef.value);
-      },
-    );
+      });
+    });
 
     // mount swiper
     onMounted(() => {