1.要实现自动滚动首先需要给el-table设置一个固定高度 2.思路:el-table是通过控制.el-table__body在el-table__body-wrapper容器中滚动来实现,所以我们

合并单元格，如果id列值一致，则合并 原理 getSpanArr(data)方法 data就是我们从后台拿到的数据，通常是一个数组； spanArr是一个空的数组，用于存放每一行记录的合并数； pos

关于该功能element官网有详细的教程，但是很多经验和坑还需要自己去踩，故此记录一下，废话不多说，直接上代码！ 1. 项目需求图展示： 2. DOM代码 3.js代码 接口返回数据结构 表格底部合计

前言 最近在工作中遇到了一个列表的需求，因为做的是C端，所以对性能体验要求很高，主要有下面几点要求，也可以说是痛点 就算加载上千条数据，也能够立即加载，而不会卡顿，等待时间不能太长 加载好以后用户能立

1.动态组件 <component :is='组件名'></component> 结合v-for循环使用 使用环境 如图，这是一个v-for渲染的列表(只是目前这个版块才刚开始做，目前只有一个)，圆圈

正常情况下，我们对于数据都会分页加载，实际情况确实会遇到不能分页的场景，虚拟列表组件适用于需要加载大量数据却不能分页的情况

Select V2 虚拟列表选择器 前言 万条数据的列表选择器，若一次全部渲染则性能不佳。在 Vue 3 中，可使用 Element Plus 的 Select V2 虚拟列表选择器。而 Vue 2

使用虚拟列表封装elment的select组件。助力解决10W数据量前端卡顿问题～提供开箱即用代码，copy就能用～

1. 场景描述 不知道你有没有这样的经历，下拉框的选项很多，上万个选项甚至更多，这个时候如果全部把数据放到下拉框中渲染出来，浏览器会卡死，体验会特别不好 用人会说element-ui的select有一