uni-app更新3.2.13之后swiper无法正常滑动

uni-app更新3.2.13之后swiper无法正常滑动

开发环境 版本号 项目创建方式
Windows window10 HBuilderX 
### 操作步骤：

```html
<swiper class="swiper" :current="current" [@change](/user/change)="swiperchange">  
    <swiper-item v-for="(item,index) in tabList" :key="index" class="swiper_item">  
        <article-pageitem ref="pageItem" :list="list" :hotList="hotList" :current="current" :index="index"  
        @firstpage="firstpage" @secondpage="secondpage" :rlist="rlist" @openDetail="openDetail"  
        @getmedia="getmedia" @getallImg="getallImg"></article-pageitem>  
    </swiper-item>  
</swiper>

更多关于uni-app更新3.2.13之后swiper无法正常滑动的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

感谢您的反馈，已加分，请查看相关问题：https://ask.dcloud.net.cn/question/134100

更多关于uni-app更新3.2.13之后swiper无法正常滑动的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在uni-app 3.2.13版本中，swiper组件确实存在滑动异常的问题，这通常与底层渲染引擎的更新有关。根据你的代码片段，可以尝试以下解决方案：

  1. 检查swiper-item内容高度：确保swiper-item内的内容高度未超出容器限制，否则可能影响触摸事件响应。

  2. 添加touch-action样式：

.swiper {
  touch-action: pan-y;
}

  1. 禁用嵌套滚动：如果article-pageitem组件内部存在滚动区域，建议临时禁用嵌套滚动测试。

  2. 降级版本：如果急需修复，可暂时回退到3.2.12版本：

npm install @dcloudio/uni-app@3.2.12
回到顶部