uniapp 拖动组件时阻止页面移动
时间: 2023-08-02 12:09:08 浏览: 366
uniapp 小程序实现底部拖动到制定位置停住
可以在拖动组件时监听 touchmove 事件,并调用 event.preventDefault() 方法来阻止页面的滚动。示例代码如下:
```
<template>
<view @touchmove.stop.prevent="onTouchMove">
<drag-component />
</view>
</template>
<script>
export default {
methods: {
onTouchMove(event) {
event.preventDefault();
},
},
};
</script>
```
在上面的代码中,我们给父级 view 绑定了 touchmove 事件,并使用 .stop.prevent 修饰符来阻止事件的继续传递和默认行为。然后在事件处理函数中调用 event.preventDefault() 来阻止页面的滚动。
阅读全文