template
<div class="sider-main" ref="reviewRef">
<div class="slider-item"></div>
<div class="slider-item"></div>
<div class="slider-item"></div>
<div class="slider-item"></div>
<div class="slider-item"></div>
<div class="slider-item"></div>
<div class="slider-item"></div>
<div class="slider-item"></div>
<!-- .....若干个div -->
</div>
<style>
.sider-main{
height:100vh;
overflow-y:scroll;
}
</style>
JS
this.$nextTick(()=>{
this.$refs.reviewRef.addEventListener('scroll',(e)=>{
// 计算是否触底
let h = e.target.offsetHeight+e.target.scrollTop-e.target.scrollHeight
//console.log(h)
if(h>-1){
//do something...
}
})
})