首页 > 其他分享 >监听表格内的滚动条, 触底加载数据

监听表格内的滚动条, 触底加载数据

时间:2022-08-28 10:00:56浏览次数:57  
标签:log 表格 dom height 滚动条 触底 let 监听 加载

场景: 表格内的数据太多,导致页面太卡,所以初始化先展示100条数据,然后滚动在添加数据

mounted (){
this.$nextTick(() => {
let dom = this.$refs.logTable.bodyWrapper
dom.addEventListener("scroll", this.scrollBottom, true)
})
}

scrollBottom () {
let dom = ${.log_main .el-table .el-table_body-wrapper}
let height = ${".log_main"}.height() // 获取表格的高度
if(dom.prop("scrollTop) >= (dom.prop("scrollHwight") - height )){
console.log("触底啦")
}
}

标签:log,表格,dom,height,滚动条,触底,let,监听,加载
From: https://www.cnblogs.com/zw100655/p/16632285.html

相关文章