<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
- 更新:2025-08-25 09:52
- 阅读:1628
产品分类: 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