How to load data when scrolling VueJS?

Question

Vue.js

Interested in calling the method when the content comes to an end, how to implement it?

Answer 1

<script>
export default {
  methods: {
    doAlert () {
      alert('Hi!')
    }
  },
  created () {
    window.addEventListener('scroll', () => {
      let body = document.getElementsByTagName('body')[0]
      if (window.scrollY > body.clientHeight) {
        this.doAlert()
      }
    })
  }
}
</script>