1. 确认el-table组件是否提供滚动事件监听接口 Element UI的el-table组件本身并没有直接提供滚动事件的监听接口。因此,我们需要通过其他方式来监听滚动事件。 2. 使用DOM监听方法 由于el-table组件没有直接的滚动事件监听接口,我们可以通过操作DOM元素来添加滚动事件监听器。通常,我们可以监听el-table的滚动容器元素。
this.$refs.multipleTable.bodyWrapper.addEventListener('scroll',(res)=>{constheight=res.targetconstclientHeight=height.clientHeightconstscrollTop=height.scrollTopconstscrollHeight=height.scrollHeightif(clientHeight+scrollTop===scrollHeight&&this.listStatus){this.listQuery.pageNo++this.listAuthPage()}},true)...
<el-tablev-loading="false":data="list"ref="table"borderstripe:height="800"></el-table> mounted(){// 监听table 滚动条let tableBodyDom=this.$refs.table.bodyWrapper tableBodyDom.addEventListener('scroll',()=>{// 滚动条总高度 减去 窗口高度 减去 已卷入的高度 小于 50px 就加载新数据if((ta...