监听element-ui table滚动事件的代码示例

mounted() {

    // 获取需要绑定的table

    this.dom = this.$refs.table.bodyWrapper

    this.dom.addEventListener('scroll', () => {

        // 滚动距离

        let scrollTop = this.dom.scrollTop

        // 变量windowHeight是可视区的高度

        let windowHeight = this.dom.clientHeight || this.dom.clientHeight

        // 变量scrollHeight是滚动条的总高度

        let scrollHeight = this.dom.scrollHeight || this.dom.scrollHeight

        if (scrollTop + windowHeight === scrollHeight) {

            // 获取到的不是全部数据 当滚动到底部 继续获取新的数据

            if (!this.allData) this.getMoreLog()

            console.log('scrollTop', scrollTop + 'windowHeight', windowHeight + 'scrollHeight', scrollHeight)

        }

    })

}

getMoreLog() {

    ...

    this.dom.scrollTop = this.dom.scrollTop - 100

    ...

}