在vue3中使用swiper,如何实现上一页下一页或者跳转到指定页面的功能?

在vue3中使用swiper,如何实现上一页下一页或者跳转到指定页面的功能?
部分代码:
`<div class="swiper-container">

  <!-- 顶部轮播 -->
  <swiper ref="myswiper"> 
      <swiper-slide>1</swiper-slide>
      <swiper-slide>1</swiper-slide>
      <swiper-slide>1</swiper-slide>
      <swiper-slide>1</swiper-slide>
  </swiper>
  <button @click="nextStep"></button>
  `
  js:
  `setup(){
    const myswiper = ref(null);
    const nextStep = ()=>{
        console.log(myswiper);
        console.log(myswiper.value);
        myswiper.slideTo(0, 1000, false);
    }
    return {myswiper,nextStep}
  }`

随便写的,实在不知道怎么写,可以帮我看看如何才能实现么

阅读 6.2k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题