fix(virtual): fix Virtual slides in React, Vue & Angular

fixes #4899
nolimits4web · Sep 7, 2021 · e80925e · e80925e
1 parent 164e91c
commit e80925e
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/src/angular/src/swiper.component.ts b/src/angular/src/swiper.component.ts
@@ -568,6 +568,7 @@ export class SwiperComponent implements OnInit {
         swiperRef.virtual.slides = this.slides;
         const extendWith = {
           cache: false,
+          slides: this.slides,
           renderExternal: this.updateVirtualSlides,
           renderExternalUpdate: false,
         };

diff --git a/src/react/swiper.js b/src/react/swiper.js
@@ -70,6 +70,7 @@ const Swiper = forwardRef(
         swiperRef.current.virtual.slides = slides;
         const extendWith = {
           cache: false,
+          slides,
           renderExternal: setVirtualData,
           renderExternalUpdate: false,
         };

diff --git a/src/vue/swiper.js b/src/vue/swiper.js
@@ -272,6 +272,7 @@ const Swiper = {
       swiperRef.value.virtual.slides = slidesRef.value;
       const extendWith = {
         cache: false,
+        slides: slidesRef.value,
         renderExternal: (data) => {
           virtualData.value = data;
         },