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
}
}
闪到腰的咸鱼 (作者)
这是bug吗?我以为是我能力不行,找不到解决方法
2020-11-30 11:42
DCloud_UNI_Anne
回复 闪到腰的咸鱼: 不允许相同方向的 <swiper> 或者 <scroll-view> 互相嵌套,换句话说就是嵌套的必须是不同的方向。
2020-11-30 14:39
闪到腰的咸鱼 (作者)
回复 DCloud_UNI_Anne: 那这种需求该如何实现呢
2020-11-30 14:41
DCloud_UNI_Anne
回复 闪到腰的咸鱼: 什么需要?什么应用场景呢?
2020-11-30 14:43
闪到腰的咸鱼 (作者)
回复 DCloud_UNI_Anne: 简单说就是swiper-item的高度不够,需要用到scroll-view,但是他们两个不能同方向嵌套,那么用什么方法来替代使用scroll-view
2020-11-30 14:45