element-UI（v2.4.9）table性能问题浅谈
最近在浏览项⽬时⽆意中发现负责的模块在滚动时会出现些许卡顿。
通过chrome的performance⼯具进⾏对⽐测试发现：
1. ⿏标放在滚动条上，即不再页⾯之内时，⽤滚轮进⾏滚动，⽆明显异常；
2. ⿏标放在table组件上时，⽤滚轮滚动，感觉到了卡顿，见下图；
performance
从上图可以发现，在某些时间段内帧数极低，同时⽕焰图上可以发现于此同时在执⾏mouseenter事件的函数，综上推测源头应该是⿏标移动的相关事件，这个⿏标事件本⾝耗时不多，但是触发了Vue的updateComponent。
同时使⽤Vue官⽅插件，它在新版同样提供了性能测试功能：
element表格横向滚动条
Component render

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。