<swiper class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration">
<swiper-item>
<slider value="50" @change="sliderChange" />
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-green">B</view>
</swiper-item>
<swiper-item>
<view class="swiper-item uni-bg-blue">C</view>
</swiper-item>
</swiper>
- 发布:2021-04-08 20:34
- 更新:2024-01-29 09:37
- 阅读:1300
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: window 10
HBuilderX类型: 正式
HBuilderX版本号: 3.1.8
手机系统: Android
手机系统版本号: Android 11
手机厂商: 华为
手机机型: mate20X
页面类型: nvue
打包方式: 离线
项目创建方式: HBuilderX
示例代码:
操作步骤:
HBuilderX新建nvue页面,将代码复制到页面中运行到手机模拟器或者真机中,滑动slider
HBuilderX新建nvue页面,将代码复制到页面中运行到手机模拟器或者真机中,滑动slider
预期结果:
slider滑动效果异常,触发了swiper切换
slider滑动效果异常,触发了swiper切换
实际结果:
slider滑动效果异常,触发了swiper切换
slider滑动效果异常,触发了swiper切换
bug描述:
在nvue页面使用了uniapp组件的swiper组件,同时在swiper中使用了slider组件。这种情况下回导致slider组件会出现滑动无法顺滑连续,同时触发了swiper的切换效果。
希望的效果是slider在进行滑动的时候不触发swiper的切换效果。滑动能够顺畅。
y***@vip.qq.com
2024年了兄弟
2024-09-06 17:40