業(yè)務(wù)需求运敢,需要做上拉加載效果
<el-table v-loading="false" :data="list" ref="table" border stripe :height="800">
</el-table>
mounted() {
// 監(jiān)聽table 滾動條
let tableBodyDom = this.$refs.table.bodyWrapper
tableBodyDom.addEventListener('scroll', () => {
// 滾動條總高度 減去 窗口高度 減去 已卷入的高度 小于 50px 就加載新數(shù)據(jù)
if ((tableBodyDom.scrollHeight - tableBodyDom.clientHeight - tableBodyDom.scrollTop) < 50) {
// 一定要給事件一個節(jié)流限制沛贪。不然會執(zhí)行很多次
if (this.next && !this.loading) {
this.pageLimit.page++
this.getData()
}
}
})
},