vue3中关于swiperjs8+如何通过方法进行切换

vue3中关于swiperjs8+如何通过方法进行切换

8版本之前好像是用ref拿到swiper的实例 ，实例里面会有切换的方法，查的时候看他们是这么写的，但是8之后获取swiper的元素是没有切换的方法的，需要通过swiper组件上的自定义事件@swiper来获取

<template>
	<swiper @swiper="onSwiper">
		<swiper-slide>
			<div>1</div>
		</swiper-slide>
		<swiper-slide>
			<div>2</div>
		</swiper-slide>
		<swiper-slide>
			<div>3</div>
		</swiper-slide>
	</swiper>
</template>

<script setup>
	let curSwiper = null;
	//初始化会传实例swiper，存起来，用这个实例修改swiper-slide
	const onSwiper = (swiper) => {
		curSwiper = swiper;
	}
	//curSwiper.slidePrev();  //上一张
	//curSwiper.slideNext();  //下一张
</script>