vue阻止默认滚动事件

在Vue中阻止默认滚动事件，可以通过以下几种方法实现：

使用事件修饰符：在模板中，可以直接使用.prevent事件修饰符来阻止默认事件。例如，如果要阻止遮罩层上的滚动事件，可以在@touchmove事件上使用.prevent修饰符，如@touchmove.prevent。
使用JavaScript监听事件：可以在Vue组件的方法中，通过JavaScript的addEventListener来监听滚动事件（如mousewheel），并在处理函数中调用event.preventDefault()来阻止默认行为。如果需要取消阻止滚动，可以使用removeEventListener移除监听器。

具体实现示例：

methods: {
  preventMove() {
    document.addEventListener('mousewheel', this.handler, false);
  },
  handler(e) {
    e.preventDefault();
  }
}

methods: {
  enableScroll() {
    document.removeEventListener('mousewheel', this.handler, false);
  }
}

在组件的mounted钩子中调用preventMove方法来阻止滚动，当不再需要阻止滚动时，可以调用enableScroll方法来恢复滚动。