el-table嵌套el-select,数据量多时,选中回显卡顿,如何解决?

el-table嵌套el-select和el-input,循环出几百条或几千条数据时,下拉框选中回显卡顿和输入卡顿的问题
image.png
el-input已找到了解决思路,如下:
用原生input替换el-input,以减少el-input组件实例。并在原生input上应用el-input的样式,使前者后者外观一致。
在v-model指令上追加.lazy修饰符,使实例数据仅在失去焦点时更新,减少触发次数。
el-select还未找到了解决思路,仿造el-input解题思路没有效果,请问有什么方法可以解决

阅读 5.2k
2 个回答

你这种这么大的数据量,如果真的没办法减少一次性处理的数据量
哪么要考虑,只加载渲染可显示的窗口内的数据,

比如,用这类el-table-virtual-scroll,的virtual scroll来解决

先判断清楚 是大数据卡还是 input select这类表单组件卡
大数据卡就直接上虚拟滚动
表单组件卡直接用"样式欺骗",这一类组件的渲染消耗是高于普通DIV元素的
直接根本不用input\select 使用div模拟出该组件未active时样式
active或者focus时替换为真正的组件即可

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题