监听表格内的滚动条, 触底加载数据
作者:互联网
场景: 表格内的数据太多,导致页面太卡,所以初始化先展示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