最近遇到一個下拉框選項過多導致頁面太卡甚至卡死的問題,搜了一下懶加載以及遠程搜索方法,整理了一下: 1、el-select懶加載 el-select選擇器里的數據通過后端返回得到,這里返回了將近兩萬條數據,點開選擇器頁面就特別卡,所以最好采用懶加載方法,具體使用如下: 控件部分: 數據 ...
原理:類似分頁,設置高度,當超過一個高度再加載一頁數據 在賦值的時候,可能當前的select值沒有目標值,所以賦值時需要處理一下 ...
2021-08-29 18:28 0 200 推薦指數:
最近遇到一個下拉框選項過多導致頁面太卡甚至卡死的問題,搜了一下懶加載以及遠程搜索方法,整理了一下: 1、el-select懶加載 el-select選擇器里的數據通過后端返回得到,這里返回了將近兩萬條數據,點開選擇器頁面就特別卡,所以最好采用懶加載方法,具體使用如下: 控件部分: 數據 ...
在實際開發中我們有時無法避免select下拉功能數據過大導致頁面卡頓(如在我在一次迭代中有一個select項接口返回了5000多條數據)。用戶體驗差!結合實際開發給出了3個解決方案: 方案1、select的無限加載; 方案2、select的分段加載; 方案3、select的模糊 ...
給select下拉框添加屬性 dropdownRender={menu => ( <div> ...
,就20條,偏偏還得做個分頁器。(假設為10條) 此時,如果能夠像購物商城那樣拖拽到底部自動加載新數據就 ...
擴展select下拉框,(當數據過多的時候以彈出框的形式顯示) */--> 擴展select下拉框,(當數據過多的時候以彈出框的形式顯示) Table of Contents 問題描述: 解決方案 ...
第一種方法:添加分頁,頁面樣式如下,JS邏輯與平常分頁沒區別 css 第二種方法:下拉加載更多 1.寫一個指令 2.頁面使用指令,添加遠程搜索屬性和方法 3.JS寫邏輯 ...
組件內容: 組件使用: ...
getStorageList() { const url = "/api/basicInfo/base/storage/getLi ...