vue中如何用@touchmove控制页面滚动与否

亡灵叙曲
  • 117

问题描述

在使用vue开发中,碰到页面有时候需要滚动,有时候不需要滚动的情况,具体情景是有一些左滑删除的条目,我要在左滑过程中不允许页面上下滚动,左滑结束后页面可以上下滚动,使用的是uni-app平台,是没有document.xxx的写法,所以只好用如下方式:

<div @touchmove.stop.prevent="to_do">内容</div>

这样可以阻止页面上下滚动,但是加上这个属性后,我左滑结束了,想让页面可以上下滚动却做不到了,因为它无法通过"to_do"返回true或者false来控制可以滚动与否,请问该怎么解决这个问题呢?

回复
阅读 6.2k
1 个回答

我觉得可以不写.stop.prevent 然后在to_do里判断滑动的方向(判断开始滑动和结束滑动y值大小)来做阻止冒泡和阻止默认事件

宣传栏