转到特定页面Swiper js

Question

我需要实现一个函数，将滑动器带回到第一页。这一切只需点击一个按钮即可实现。注意我在React上。我试图在文档中找到一些东西，但我找不到任何东西。

我不知道如何实现这个功能。就像我说的，我在找一个道具之类的东西，但是我什么也找不到

Answer 1

Swiper的slideTo方法可以解决您的问题。
https://swiperjs.com/swiper-api method-swiper-slideTo

下面是一个示例代码:

export default function App() {
const [swiper, setSwiper] = useState(null);
const goToFirstPage = () => swiper.slideTo(0);
return (
<div className="App">
<Swiper onSwiper={setSwiper}>
<SwiperSlide>Slide 1</SwiperSlide>
<SwiperSlide>Slide 2</SwiperSlide>
<SwiperSlide>Slide 3</SwiperSlide>
</Swiper>
<button onClick={goToFirstPage}>Go to first page</button>
</div>
);
}