如何在滚动屏幕时关闭vue弹出窗口

<template>
  <div>
    <!-- 弹出窗口内容 -->
    <div v-show="showPopup">
      <!-- ... 弹出窗口的内容 ... -->
    </div>

    <!-- 页面内容 -->
    <div @scroll="handleScroll">
      <!-- ... 页面的内容 ... -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      showPopup: false, // 控制弹出窗口显示/隐藏的状态
    };
  },
  methods: {
    handleScroll() {
      // 在滚动时判断弹出窗口的显示状态，并根据需要关闭弹出窗口
      if (this.showPopup) {
        this.showPopup = false;
      }
    },
  },
};
</script>