监听swipe数据，动态更新swiper

若您想要监听 Swiper 的滑动事件，并且在滑动过程中动态更新 Swiper 的数据，可以使用 Swiper 的 onSlideChangeStart 和 onSlideChangeEnd 事件。这两个事件分别会在 Swiper 开始滑动和滑动结束时触发。

在这两个事件中，您可以获取当前 Swiper 的索引值，并且根据索引值动态更新相应的数据。具体实现方式可以参考如下代码：

var mySwiper = new Swiper('.swiper-container', {
  on: {
    slideChangeStart: function () {
      // 滑动开始时触发
      console.log('slide change start');
    },
    slideChangeEnd: function () {
      // 滑动结束时触发
      console.log('slide change end');
      // 获取当前 Swiper 的索引值
      var currentIndex = mySwiper.activeIndex;
      // 根据索引值动态更新数据
      updateData(currentIndex);
    },
  },
});

function updateData(index) {
  // 根据索引值更新相应的数据
  console.log('update data for index:', index);
}

在上述代码中，我们通过 Swiper 的 onSlideChangeStart 和 onSlideChangeEnd 事件监听 Swiper 的滑动事件，并根据当前 Swiper 的索引值动态更新数据。您可以根据自己的需求修改 updateData 函数来更新相应的数据。