vue中使用@scroll实现分页处理(分页要做节流处理)

监听@scrll滚动条事件
<div class="hhhh" @scroll="page($event)">
    <div>所要滚动的内容</div>
</div>    

data(){
return{
falg:true
}
}

 methods: {
created(){
this.List()
}
        
    async List(){
    
const result = await this.$api.bbb(this.page, this.pageSize);
if(resulit){
//请求数据成功
this.list=[...this.list,...result.data]
//分页节流判断
this.falg=false
}else{
//请求失败
}

}
//分页处理
  page(e) {
        let Scroll = e.target;
        let scrollHeight = Scroll.scrollHeight - Scroll.clientHeight;
        if (scrollHeight - Scroll.scrollTop < 100 && !falg) {
           this.falg = true;
          this.page++;
          this.List();
        }
    },

}