uniapp swiper禁止滑动

禁用 Swiper 滑动的方法

在 UniApp 中，可以通过设置 disableTouch 属性或动态绑定 touchable 属性来禁止 Swiper 组件的滑动行为。

方法一：通过 disableTouch 属性

<swiper :disable-touch="true">
  <!-- swiper-item 内容 -->
</swiper>

设置 disable-touch="true" 后，用户无法通过触摸滑动切换 Swiper 页面。

方法二：动态控制滑动

<swiper :touchable="isTouchable">
  <!-- swiper-item 内容 -->
</swiper>

在脚本中定义 isTouchable 变量，通过修改其值（true/false）动态启用/禁用滑动：

export default {
  data() {
    return {
      isTouchable: false // 禁止滑动
    }
  }
}

注意事项

• 以上方法仅针对触摸滑动，通过代码调用 swiper 的 change 方法仍可切换页面。
• 如需完全禁止切换（包括代码调用），需结合 current 属性和状态管理实现。