uniapp添加蒙版的时候怎么禁止页面滚动

最新推荐文章于 2025-06-11 18:40:02 发布

陈小白_weilin

最新推荐文章于 2025-06-11 18:40:02 发布

阅读量882

点赞数

CC 4.0 BY-SA版权

分类专栏： uniapp问题文章标签： vue uni-app

本文链接：https://blog.csdn.net/qq_37564189/article/details/118493159

uniapp问题专栏收录该内容

30 篇文章

订阅专栏

本文介绍如何在Vue组件中使用空方法阻止touchmove事件，以便更好地控制屏幕滚动。通过添加简单的@touchmove.stop.prevent=moveHandle，实现屏幕内容区域的交互优化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

废话不多说上代码在对应的蒙版添加一个方法可以是空方法

@touchmove.stop.prevent="moveHandle"

//html
<view class="screen"
			:style="{top : `${screenTop + CUSTOM_BAR_HEIGHT}px`,height : `${SCREEN_VIEW_HEIGHT - screenTop}px`}"
			v-show="screenVisable" @touchmove.stop.prevent="moveHandle">
			<view class="screen-content-main">
				
			</view>

		</view>



//js
moveHandle(){
				
			},