Vue3 使用 vant中的swipe，添加左右箭头切换轮播

vant 中的 swipe 是带有左右箭头切换轮播方法的，只不过文档中没有相关的案例。

 

 

我这边使用的是 vue3 ts 写的这个功能。

页面部分

 

 

 

定义一个方法，ref="swiper"

 

 js部分

<script lang="ts" setup>
import { createApp, ref } from 'vue'; 
import { Swipe, SwipeItem } from 'vant'; 

const app = createApp(); 
app.use(Swipe); 
app.use(SwipeItem);

const swiper:any = ref(null)
function prev() {
    swiper.value.prev();
}

function next() {
    swiper.value.next();
}

</script>