vue 解決table渲染上萬條數據勾選復選框緩慢問題


 

 前景: 工作項目用的是vue + element-ui     e-table分頁渲染數據

 

  問題:單頁500條數據時就很卡,選擇全選的復選框,心里默數5個數才能全部勾選上

 

 解決辦法一:  換組件

  (1)換成 umy-ui  的虛擬滾動多選框   https://www.umyui.com/umycomponent/virtualCheckboxTable

 經過測試,確實好用啊,每頁10000條數據勾選數據都是很流暢的

而且它和element-ui的分頁組件是可以一起使用的

 

  (2)使用Vxe table

 https://xuliangzhan_admin.gitee.io/vxe-table/#/table/start/install

這個我不太知道,大佬告訴我的

 

解決辦法二:  虛擬列表

參考https://blog.csdn.net/qq_42268364/article/details/102831975這篇文章

 

 

 

   


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM