<template>
<view class="seePhoto">
  <swiper
      :current="renderCurrent"
      @change="swiperChange"
      >
      <swiper-item style="width:100%;height: 100%;" v-for="(val,key) in  renderPhoto" :key="key">
      </swiper-item>
  </swiper>
</view>
</template>
<script>
export default{
  data(){
      return{
        renderPhoto:[],//要渲染的图片 只沉染二张图进行来回切换
        renderCurrent: 1,//轮播时的索引
        lastCurrent:1,//记录上一次的索上，用于判断是左滑动还是右滑动
      }
  },
  methods:{
      // 滑动时
      swiperChange(e){
        let that = this;
        this.renderCurrent = e.detail.current;
        if(this.photoArr.length > 3){
          // 右滑动  0  1  2  0  1  2
          // 左滑动  2  1  0  2  1  0
          if(e.detail.current != (this.renderPhoto.length -1) && e.detail.current > this.lastCurrent){
              console.log("左滑动了")
          }
          else if(e.detail.current == (this.renderPhoto.length -1)  && e.detail.current > this.lastCurrent && this.lastCurrent != 0){
            console.log("左滑动了")
        } else if(e.detail.current == 0 && this.lastCurrent == (this.renderPhoto.length -1)){
          console.log("左滑动了")
        }
        else if(e.detail.current != 0 && e.detail.current < this.lastCurrent){
          console.log("右滑动了")
  } else if(e.detail.current == 0 && e.detail.current < this.lastCurrent){
      console.log("右滑动了")
  } else if(e.detail.current == (this.renderPhoto.length -1)  && e.detail.current > this.lastCurrent && this.lastCurrent == 0){
      console.log("右滑动了")
  }
  this.lastCurrent = e.detail.current;
}
  
},
  
  }

  }

</script>

自己判读吧，touch事件

嗯，我也遇到这个需求