如何创建自定义导航按钮的刷卡反应？

Question

Swiper有一个女巫文档，没有说明如何添加自定义导航按钮。

我试过了，但没有用

我用的是刷卡8.0.5

<Swiper
                modules={[Navigation, Pagination, Scrollbar, A11y]}
                spaceBetween={50}
                slidesPerView={1}
                onSlideChange={() => console.log('slide change')}
                onSwiper={(swiper) => console.log(swiper)}
                navigation={{
                    prevEl: '.prev',
                    nextEl: '.next',
                }}
                pagination={{ clickable: true }}
            >
                <SwiperSlide><img className="m-auto" src="/Images/Swiper/1.jpg" /></SwiperSlide>
                <SwiperSlide><img className="m-auto" src="/Images/Swiper/2.jpg" /></SwiperSlide>
                <SwiperSlide><img className="m-auto" src="/Images/Swiper/3.jpg" /></SwiperSlide>
                <SwiperSlide><img className="m-auto" src="/Images/Swiper/4.jpg" /></SwiperSlide>
                <SwiperSlide><img className="m-auto" src="/Images/Swiper/5.jpg" /></SwiperSlide>
            </Swiper>
        </div>

Answer 1

这对我来说是有效的- https://github.com/nolimits4web/swiper/issues/3855#issuecomment-982499163