Vue實現div滾動條到底部加載更多

<ul ref="box">
<!-- 這里面是內容 -->
</ul>

js

mounted() {
    let box = this.$refs.box;
    box.addEventListener('scroll',this.handleScroll,true);
 },
methods: {
    handleScroll(e){
      //變量scrollTop是滾動條滾動時，距離頂部的距離
      var scrollTop = e.target.scrollTop;
      //變量windowHeight是可視區的高度
      var windowHeight = e.target.clientHeight;
      //變量scrollHeight是滾動條的總高度
           var scrollHeight = e.target.scrollHeight;
      //滾動條到底部的條件
      if(scrollTop + windowHeight == scrollHeight){
        //寫后台加載數據的函數
           console.log("距頂部"+scrollTop+"可視區高度"+windowHeight+"滾動條總高度"+scrollHeight);
      }
    },
}