如何检测用户何时滚动到div - Vue底部

<template>
  <div ref="scrollContainer" style="height: 300px; overflow-y: scroll;">
    <div style="height: 1000px;">
      <!-- 此处是你的内容 -->
    </div>
  </div>
</template>

<script>
export default {
  mounted() {
    const options = {
      root: this.$refs.scrollContainer,
      rootMargin: '0px',
      threshold: 1.0
    };

    const observer = new IntersectionObserver(this.handleIntersect, options);
    observer.observe(this.$el);
  },
  methods: {
    handleIntersect(entries) {
      entries.forEach(entry => {
        if (entry.isIntersecting) {
          // 用户滚动到div底部
          console.log('用户滚动到div底部');
        }
      });
    }
  }
};
</script>