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

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1b3c0cb-2c2ee.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1b3c0cb-2c2ee.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?