vue如何监听滚轮向上滚动时 不会触发函数
时间: 2023-06-01 21:04:51 浏览: 107
vue监听滚动事件实现滚动监听
你可以使用`@wheel.up`或`@wheel.passive.up`来监听滚轮向上滚动,例如:
```
<template>
<div @wheel.up="scrollUp">Scroll Up!</div>
</template>
<script>
export default {
methods: {
scrollUp() {
// do something when the mouse wheel scrolls up
}
}
}
</script>
```
需要注意的是,在Chrome 73以上版本中,浏览器将默认阻止`wheel`事件的默认行为,因此可以使用`@wheel.passive.up`来取消默认阻止行为,以提高事件响应速度。
阅读全文