vue键盘按着alt和滚动并用

<template>
  <div @wheel="handleWheel" @keydown="handleKeyDown" @keyup="handleKeyUp">
    <!-- 页面内容 -->
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      altKeyPressed: false
    };
  },
  methods: {
    handleWheel(event) {
      if (this.altKeyPressed) {
        // 在这里处理按住Alt的滚动事件
        console.log('滚动事件触发，并且Alt键被按住');
        // 可以在这里根据event.deltaY来实现具体的滚动行为
      }
    },
    handleKeyDown(event) {
      if (event.keyCode === 18) {
        this.altKeyPressed = true;
      }
    },
    handleKeyUp(event) {
      if (event.keyCode === 18) {
        this.altKeyPressed = false;
      }
    }
  }
};
</script>