swiper 여러가지

LikeChoonsik's·2023년 2월 27일
0

Lib

목록 보기
2/2
post-thumbnail
post-custom-banner

swiper loop autoplay smooth

https://open-code.tech/en/post-728/

slidesPerView이용시 TypeError: Cannot read properties of undefined (reading 'classList') 에러 발생

계속 확인 중
slidesPerView와 autoplay loop같이 있을 때 발생,
해결법
1. swiper 자체 클레스에 width값을 주면 해결됨 예).swiper-slide { width: auto; }
2. loop의 경우 loopedSlides값 추가시 해결됨


원인 발견!

<Swiper>
{test?.map((item)=>{return(
<SwiperSlide>{item.TITLE}</SwiperSlide>)})
</Swiper>

위와 같을 때 Swiper적용전에 test의 값이 있는지 먼저 확인이 필요했음 즉

{test &&
<Swiper>
{test?.map((item)=>{return(
<SwiperSlide>{item.TITLE}</SwiperSlide>)})
</Swiper>
}

가 되야함

profile
춘식이는 너무 귀엽습니다.
post-custom-banner

0개의 댓글