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

亡灵叙曲
  • 117

问题描述

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

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

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

回复
阅读 6.4k
1 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏