原文:element-select當下拉框數據過多使用懶加載

原理:類似分頁,設置高度,當超過一個高度再加載一頁數據 在賦值的時候,可能當前的select值沒有目標值,所以賦值時需要處理一下 ...

2021-08-29 18:28 0 200 推薦指數:

查看詳情

vue+element:el-select下拉框數據過多使用加載或遠程搜索

最近遇到一個下拉框選項過多導致頁面太卡甚至卡死的問題,搜了一下加載以及遠程搜索方法,整理了一下: 1、el-select加載 el-select選擇器里的數據通過后端返回得到,這里返回了將近兩萬條數據,點開選擇器頁面就特別卡,所以最好采用加載方法,具體使用如下: 控件部分: 數據 ...

Tue Nov 02 07:27:00 CST 2021 0 8021
實現select下拉框的無限加載加載

在實際開發中我們有時無法避免select下拉功能數據過大導致頁面卡頓(如在我在一次迭代中有一個select項接口返回了5000多條數據)。用戶體驗差!結合實際開發給出了3個解決方案:   方案1、select的無限加載;   方案2、select的分段加載;   方案3、select的模糊 ...

Mon Sep 28 01:38:00 CST 2020 0 2530
elementUI的select下拉框組件實現分頁加載數據

第一種方法:添加分頁,頁面樣式如下,JS邏輯與平常分頁沒區別 css 第二種方法:下拉加載更多 1.寫一個指令 2.頁面使用指令,添加遠程搜索屬性和方法 3.JS寫邏輯 ...

Fri Sep 17 18:58:00 CST 2021 0 324
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM