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

Question

问题描述

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

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

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

Answer 1

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