原文:Ant Design of Vue a-select下拉框因為數據量太大造成卡頓的問題

Ant Design of Vue a select下拉框因為數據量太大造成卡頓的問題 解決方案: 最開始渲染時只渲染總數據前 條數據以保證不卡頓,然后當需要搜索的時候對從后台拿到的數據進行過濾,也只取前 條,然后通過select下拉框popupScroll事件,下拉列表滾動時的回調,每次回調時都添加一部分數據來解決下拉框的卡頓問題。 Ant Design of Vue 官網文檔事件方法: 效果圖 ...

2020-11-09 15:47 0 2966 推薦指數:

查看詳情

Ant Design of Vue a-select下拉框因為數據量太大造成問題

解決方案:   最開始渲染時只渲染總數據前100條數據以保證不,然后當需要搜索的時候對從后台拿到的數據進行過濾,也只取前100條,然后通過select下拉框popupScroll事件,下拉列表滾動時的回調,每次回調時都添加一部分數據來解決下拉框問題Ant Design ...

Tue Mar 15 01:51:00 CST 2022 0 1414
解決element-ui下拉框數據過多,導致頁面問題與本地分頁功能實現

效果 前情提要: 最近使用element-ui開發的一個頁面,在打開的時候占用cpu非常高,有時候都能達到90%↑。在調試時發現其中一個下拉框的接口返回2k↑的數據。本着有問題問百度的精神,看到主要的解決方案有如下兩種: 監聽下拉框滾動事件,去服務端請求數據 https ...

Tue Mar 30 18:28:00 CST 2021 0 512
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM