Vue uses sorll to scroll to the bottom to load more?

I have several pages that need to scroll to the bottom to load. The name of the monitoring event is also different. It can be very good when entering the first page, but the loading event will be executed as soon as I click on the second page. What"s going on?

 window.addEventListener("scroll", this.scrollTable, true)
scrollTable: function () {
  let visibleHeight = document.documentElement.clientHeight
  let scrollHeight = document.documentElement.scrollHeight
  let scrollTop = document.documentElement.scrollTop
  console.log(scrollHeight, scrollHeight, scrollTop)
  if (scrollHeight - (scrollTop + visibleHeight) === 0) {
    this.pageScrollChange(1, 5)
  }
}
Jul.27,2021

the owner should be using single file mode.
is like this

Menu