闪到腰的咸鱼
闪到腰的咸鱼
  • 发布:2020-11-30 11:18
  • 更新:2020-11-30 11:41
  • 阅读:613

nvue 页面swiper-item里面嵌套scroll-view,滑到底部swiper不能切换

分类:nvue

nvue 页面swiper-item里面嵌套scroll-view,swiper-item标签和scroll-view标签的高度相等,scroll-view滑到底部之后swiper就不能切换到下一个了

<swiper class="_goods_swiper" :vertical="true" :style="{height: scrollHeight}" :autoplay="false" :circular="false" :current="goodsPage" :duration="800" @change="goodsPageChange">  
    <swiper-item :style="{height: scrollHeight}">  
        <!-- 第一栏滚动 -->  
        <scroll-view scroll-y="true" :style="{height: scrollHeight}" :show-scrollbar="false" @scroll="scrollHandle">  
            ………  
        </scroll-view>  
    </swiper-item>  
    <swiper-item :style="{height: scrollHeight}">  
        <!-- 第二栏内容 -->  
    </swiper-item>  
</swiper>  

computed() {  
    scrollHeight() {  
        return uni.getSystemInfoSync().screenHeight - uni.getSystemInfoSync().statusBarHeight  
    }  
}
2020-11-30 11:18 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

该问题目前已经被锁定, 无法添加新回复