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

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

作者:互联网

场景: 表格内的数据太多,导致页面太卡,所以初始化先展示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,table,监听,加载
来源: https://www.cnblogs.com/zw100655/p/16632285.html