【el-table滚动事件】el-table表格滚动时，获取可视窗口内的行数据

原创

于 2025-07-28 16:57:56 发布 · 458 阅读

标签

#vue.js #elementui #javascript #可视窗口滚动

收录于

一个简单的获取内容的办法
表格部分，主要是ref写一下

 <el-table :data="tableData" ref="tableRef"> </el-table>

进入页面的时候绑定监听

mounted(){
   
   
// 绑定滚动事件
                this.$nextTick(() => {
   
   
                    const table = this.$refs.tableRef;
                    const scrollBody = table.$el.querySelector(".el-table__body-wrapper");

                    // 1. 手动绑定滚动事件
                    scrollBody.addEventListener("scroll", thi