el-table嵌套el-select,数据量多时,选中回显卡顿,如何解决?
el-table嵌套el-select和el-input,循环出几百条或几千条数据时,下拉框选中回显卡顿和输入卡顿的问题
el-input已找到了解决思路,如下:
用原生input替换el-input,以减少el-input组件实例。并在原生input上应用el-input的样式,使前者后者外观一致。
在v-model指令上追加.lazy修饰符,使实例数据仅在失去焦点时更新,减少触发次数。
el-select还未找到了解决思路,仿造el-input解题思路没有效果,请问有什么方法可以解决
回答:
你这种这么大的数据量,如果真的没办法减少一次性处理的数据量
哪么要考虑,只加载渲染可显示的窗口内的数据,
比如,用这类el-table-virtual-scroll,的virtual scroll来解决
回答:
先判断清楚 是大数据卡还是 input select这类表单组件卡
大数据卡就直接上虚拟滚动
表单组件卡直接用"样式欺骗",这一类组件的渲染消耗是高于普通DIV元素的
直接根本不用input\select 使用div模拟出该组件未active时样式
active或者focus时替换为真正的组件即可
以上是 el-table嵌套el-select,数据量多时,选中回显卡顿,如何解决? 的全部内容, 来源链接: utcz.com/p/933653.html