使用场景,列表下拉刷新数据:
<div class="table-box" @scroll="divscrollFn($event)">
</div>
css 设置 overflow-y: auto;
.table-box{
width: 90%;
margin: 1rem auto;
height: 20rem;
overflow-y: auto;
}
js监听方法:
divscrollFn(event){ //监听滚动事件
let el = event.target
if(el.scrollTop+el.clientHeight>=el.scrollHeight){
console.log('到底啦');
this.getList() //加载列表
};
}