We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
https://codesandbox.io/embed/naughty-shape-vmwgrb?fontsize=14&hidenavigation=1&theme=dark
如果使用了 virtual 就不能使用缩略图模式
<template> <div class="swiper"> <Swiper virtual :initial-slide="index" :thumbs="{ swiper: thumbsSwiper }" :modules="[Navigation, Thumbs, Virtual]" class="mySwiper2" > <SwiperSlide v-for="l in list" :key="l"> <img :src="l" /> </SwiperSlide> </Swiper> <Swiper @swiper="setThumbsSwiper" virtual :slidesPerView="5" freeMode watchSlidesProgress :modules="[FreeMode, Thumbs, Virtual]" class="mySwiper" > <SwiperSlide v-for="l in list" :key="l"> <img :src="l" /> </SwiperSlide> </Swiper> </div> </template> <script setup> // Import Swiper Vue.js components import { Swiper, SwiperSlide } from "swiper/vue"; // Import Swiper styles import "swiper/css"; import "swiper/css/free-mode"; import "swiper/css/navigation"; import "swiper/css/thumbs"; import "swiper/css/virtual"; import "./styles.css"; // import required modules import { FreeMode, Navigation, Thumbs, Virtual } from "swiper"; const index = 5; const list = [ "https://swiperjs.com/demos/images/nature-1.jpg", "https://swiperjs.com/demos/images/nature-2.jpg", "https://swiperjs.com/demos/images/nature-3.jpg", "https://swiperjs.com/demos/images/nature-4.jpg", "https://swiperjs.com/demos/images/nature-5.jpg", "https://swiperjs.com/demos/images/nature-6.jpg", "https://swiperjs.com/demos/images/nature-7.jpg", "https://swiperjs.com/demos/images/nature-8.jpg", "https://swiperjs.com/demos/images/nature-9.jpg", "https://swiperjs.com/demos/images/nature-10.jpg", ]; let thumbsSwiper = null; const setThumbsSwiper = (swiper) => { thumbsSwiper = swiper; }; </script>
No response
9.3.2
edge
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Check that this is really a bug
Reproduction link
https://codesandbox.io/embed/naughty-shape-vmwgrb?fontsize=14&hidenavigation=1&theme=dark
Bug description
如果使用了 virtual 就不能使用缩略图模式
Expected Behavior
No response
Actual Behavior
No response
Swiper version
9.3.2
Platform/Target and Browser Versions
edge
Validations
Would you like to open a PR for this bug?
The text was updated successfully, but these errors were encountered: