<swiper-item>禁止左右滑动,但上下可滑动怎么实现

发布于 6 年前作者 mingshen5155 次浏览最后编辑 6 年前来自 ask

是禁止手动左右滑动,点击仍是左右切换,但每个<swiper-item>可以仍可以上下滑动

2 回复
yaoxia
yaoxia1 楼6 年前

我也碰到了这个问题,现在解决了。

在<swiper-item>上设置catch:touchmove拦截,然后在其中嵌套使用<scroll-view>,此时左右滑动和scroll-view中的上下滑动都是不行的,需要设置<swiper>的高度,然后swiper-item 与 scroll-view及其中间的view都需要设置高度为100%,即可完成禁止左右滑动,允许内容上下滑动的效果。

ucheng
ucheng2 楼4 年前
verticalbooleanfalse滑动方向是否为纵向1.0.0

都不看文档的吗