vue el-select 动态渲染卡顿优化

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue el-select 动态渲染卡顿优化相关的知识,希望对你有一定的参考价值。

参考技术A 在vue项目中,在页面动态渲染时,页面渲染非常慢,有时需要十多秒才能渲染完成。开始以为是 el-tabs 造成页面卡顿,后来怀疑可能是v-for多层动态渲染的原因,最后定位到问题是页面中的有多个 el-select ,而每个 el-select 的 el-option 中数据量太大,导致拖慢了整个页面渲染。
最后通过从设计上去避免这个问题来解决,减少 el-option 中的数据量。

以上是关于vue el-select 动态渲染卡顿优化的主要内容,如果未能解决你的问题,请参考以下文章

vue里使用虚拟列表处理element-ui的el-select选择器组件数据量大时卡顿问题

el-select的数据太多时候导致卡顿

el-select数据量过大引发卡顿,怎么办?

vue使用el-select下拉框匹配不到值的优化方案

el-select数据量过大引发卡顿,怎么办?

vue el-select 设置默认值后选项无法切换