Vue Element table表格实现表格数据动态滚动(无限滚动)
小阿妍666:
// 滚动的方法
tableScroll() {
clearInterval(this.interval); //清空定时器
const table = this.$refs.sdangerTable;
// console.log('this.$refs.sdangerTable', this.$refs.sdangerTable);
const divData = table.bodyWrapper;
this.interval = setInterval(() => {
divData.scrollTop += 1;
if (
divData.clientHeight + divData.scrollTop + 1 > divData.clientHeight) {
if (table.tableData.length > 3) {
divData.scrollTop = 0;
this.getTotalList()
}
}
}, 1000);
const that = this
window.onresize = () => {
return (() => {
window.screenHeight = document.body.clientHeight;
that.clientHeight = window.screenHeight
})
}
},
|