swiper 不使用loop,由最后一张跳到第一张

如果你不想使用 `loop`，而是希望在滑动到最后一张时，可以跳到第一张，你可以使用 `swiper` 的 `onReachEnd` 事件来实现。具体步骤如下：

1. 在 `swiper` 上添加 `@reachEnd="onReachEnd"` 监听事件。

<swiper :options="swiperOption" @reachEnd="onReachEnd">
  <!-- swiper slides -->
</swiper>

2. 在 `methods` 中定义 `onReachEnd` 函数，判断当前是否滑动到最后一张，如果是，则使用 `slideTo` 方法跳转到第一张。

methods: {
  onReachEnd() {
    const swiper = this.$refs.mySwiper.$swiper;
    if (swiper.isEnd) {
      swiper.slideTo(0);
    }
  }
}

这样，在滑动到最后一张时，就会跳转到第一张。注意，如果你使用了 `virtual` 属性，需要在 `slideTo` 方法中传递 `virtualIndex` 而不是 `realIndex`。

相关问题

swiper4-vue 不使用loop,由最后一张跳到第一张

如果你不想使用 `loop`，而是希望在滑动到最后一张时，可以跳到第一张，你可以使用 `swiper` 的 `onReachEnd` 事件来实现。具体步骤如下：

1. 在 `swiper` 上添加 `@reachEnd="onReachEnd"` 监听事件。

<swiper :options="swiperOption" @reachEnd="onReachEnd">
  <!-- swiper slides -->
</swiper>

2. 在 `methods` 中定义 `onReachEnd` 函数，判断当前是否滑动到最后一张，如果是，则使用 `slideTo` 方法跳转到第一张。

methods: {
  onReachEnd() {
    const swiper = this.$refs.mySwiper.$swiper;
    if (swiper.isEnd) {
      swiper.slideTo(0);
    }
  }
}

这样，在滑动到最后一张时，就会跳转到第一张。注意，如果你使用了 `virtual` 属性，需要在 `slideTo` 方法中传递 `virtualIndex` 而不是 `realIndex`。

swiper在loop模式，当轮播到最后一张图时候，做其他事件

在 Swiper 的 loop 模式下，最后一张图实际上是第一张图的副本，因此要在最后一张图时做其他事件，可以通过 Swiper 的 onSlideChangeEnd 事件来监听。具体实现步骤如下：

1. 在 Swiper 初始化时设置 loop 为 true：

var mySwiper = new Swiper('.swiper-container', {
  loop: true,
  // other options...
});

2. 监听 onSlideChangeEnd 事件，并在事件回调函数中判断当前是否为最后一张图：

mySwiper.on('slideChangeEnd', function () {
  if (mySwiper.isEnd) { // 判断是否为最后一张图
    // do something...
  }
});

在回调函数中，可以执行需要的其他事件。例如，可以切换到另一个 Swiper 实例，或者显示一个弹窗等等。