vue2.x，el-table 切换编辑模式后，部分单位格中是 el-select，导致渲染卡顿时间很久，有什么解决方式吗？

Question

el-table 切换编辑模式后，部分单位格中是 el-select，导致渲染卡顿时间很久，有什么解决方式吗？

目前已经做了每页只加载15条数据的分页，但是因为下拉框组件很多，加载单页依旧要卡顿好几秒
（已经做了每页只显示15条的分页，我看了很多方案是虚拟滚动，还需要虚拟滚动吗？）

需求就是批量编辑，无法更改需求为单行编辑

所以在这个需求的基础上，如何才能减少卡顿呢？

每一行的数据存在3个以上的 el-select 组件，部分组件的下拉数据存在几十条

Answer 1

和产品商量一下改变交互吧，同一时间内用户应该只能改变一个下拉框的值，所以没必要把所有的下拉框同时渲染出来。可以通过双击单元格或者单独在单元格内放一个编辑按钮这样的形式来渲染下拉框。