swiperjs

问题 So, I have two swipers with two-way controlls: function GroupSchedule({ setModalIsOpen, setModalContent, isFetched }) { const [thumbsSwiper, setThumbsSwiper] = useState(null); const [lessonsSwiper, setLessonsSwiper] = useState(null); return ( <> <TopBar setModalIsOpen={setModalIsOpen} /> <Swiper slidesPerView={4} centeredSlides onSwiper={setThumbsSwiper} controller={{ control: lessonsSwiper }} > {...slides1} </Swiper> { isFetched ? <Loader /> : <Swiper spaceBetween={5} slidesPerView={1}

问题 I am using vue-awesome-swiper and have followed the steps here: https://github.com/surmon-china/vue-awesome-swiper. I have opted to register this plugin globally in Nuxt js. PROBLEM : The Dev works perfectly fine, the slides are on each page and the navigation works. The production, on the other hand, has all the slides on page one, the navigation works here leaving the other pages blank as all slides are on the first page. On dev: On production: These are my files: plugins/VueAwesomeSwiper

问题 I am using vue-awesome-swiper and have followed the steps here: https://github.com/surmon-china/vue-awesome-swiper. I have opted to register this plugin globally in Nuxt js. PROBLEM : The Dev works perfectly fine, the slides are on each page and the navigation works. The production, on the other hand, has all the slides on page one, the navigation works here leaving the other pages blank as all slides are on the first page. On dev: On production: These are my files: plugins/VueAwesomeSwiper

问题 I am using vue-awesome-swiper and have followed the steps here: https://github.com/surmon-china/vue-awesome-swiper. I have opted to register this plugin globally in Nuxt js. PROBLEM : The Dev works perfectly fine, the slides are on each page and the navigation works. The production, on the other hand, has all the slides on page one, the navigation works here leaving the other pages blank as all slides are on the first page. On dev: On production: These are my files: plugins/VueAwesomeSwiper