vue uni-app,弹框弹窗滚动、滑动页面穿透

1、弹框最外层使用@touchmove.stop.prevent="preventHandler" 屏蔽触摸事件,屏蔽后如果弹框内还有列表,则列表此时无法滚动。

定义空事件

vue uni-app,弹框弹窗滚动、滑动页面穿透_第1张图片

 

2、如果弹框内部还有滚动列表,则可以使用 scroll-view,并设置scroll-y="true"

scroll-view 不会受到@touchmove.stop.prevent="preventHandler" 的影响。

vue uni-app,弹框弹窗滚动、滑动页面穿透_第2张图片

你可能感兴趣的:(uni-app,html)