uniapp swiper 怎么禁止手滑

uni-app 中的 Swiper 组件默认允许用户通过手指滑动切换页面，如果你想禁用手势滑动，你可以通过设置组件的属性来实现。Swiper 提供了一个 `autoplayDisable` 和 `slideToIndex` 属性来控制自动轮播和手动切换。

1. 要完全禁止用户的手动滑动，可以将 `autoplayDisable` 设置为 `true`：

<swiper autoplay="false" autoplayDisable="true">
  <!-- ... -->
</swiper>

2. 如果你想保留自动轮播但禁止用户手动操作，只允许程序控制滑动到指定索引，可以使用 `slideToIndex` 和关闭触摸事件：

<swiper :autoplay="true" @touchmove.prevent>
  <div class="swiper-item">...</div>
  <!-- 更多item... -->
  <div :data-swiper-slide-index="currentIndex" @click="slideToIndex(currentIndex)">
    <!-- 点击某个元素直接跳转 -->
  </div>
</swiper>

<script>
export default {
  data() {
    return {
      currentIndex: 0,
    };
  },
  methods: {
    slideToIndex(index) {
      this.currentIndex = index;
      // 可能需要的动画时间或其他处理
    },
  },
};
</script>
</template>

在这个例子中，当点击元素时，会触发 `slideToIndex` 方法，更新当前显示的幻灯片。