[swiper.js][vue] useSwiper쓸때 slideNext()에서 undefined일 때

원래 공식문서에서는 swiper.slideNext() 이렇게 쓰면 된다는데 안되는 이유가 뭘까 vue3이라서 그런가 아무튼 다른 방법을 찾아보았음.

 

1. swiper에 ref 걸어서 swiper가져오기

<swiper ref="swiperRef">
</swiper>

<button @click="slideNext">다음</button>

const swiperRef = ref();

const slideNext = () => {
  // ref요소를 탐색해서 메소드 호출
  swiperRef.value.$el.swiper.slideNext();
};