Vue中判断鼠标向上还是向下滚动

1. 标签中监听鼠标滚动事件

@mousewheel="mouseWheel"

2. 根据事件 e 的 wheelDelta 和 detail 的正负来判断向上还是向下滚动

methods: {
    mouseWheel (e) {
      if (e.wheelDelta || e.detail) {
        if (e.wheelDelta > 0 || e.detail < 0) {     //当鼠标滚轮向上滚动时
          console.log("向上")
        }
        if (e.wheelDelta < 0 || e.detail > 0) {     //当鼠标滚轮向下滚动时
          console.log("向下")
        }
      }
    }
  }