原文:巧妙解決element-ui下拉框選項過多的問題

. 場景描述 不知道你有沒有這樣的經歷,下拉框的選項很多,上萬個選項甚至更多,這個時候如果全部把數據放到下拉框中渲染出來,瀏覽器會卡死,體驗會特別不好 用人會說element ui的select有一個remote method,支持遠程搜索,我們讓服務端支持一下不就可以了,當然這是一種解決的方案。但是有時候這種方法有時候不一定適用 有時候服務端數據是經過計算返回給我們的,可能返回不是特別快,體驗 ...

2019-07-08 19:47 0 531 推薦指數:

查看詳情

巧妙解決element-ui下拉框選項過多問題

1. 場景描述 不知道你有沒有這樣的經歷,下拉框選項很多,上萬個選項甚至更多,這個時候如果全部把數據放到下拉框中渲染出來,瀏覽器會卡死,體驗會特別不好 用人會說element-ui的select有一個remote-method,支持遠程搜索,我們讓服務端支持一下不就可以了,當然這是一種解決 ...

Wed Jul 31 01:32:00 CST 2019 0 6359
Element-ui 下拉列表 選項過多時如何解決卡頓問題

當使用Select選擇器時,如果下拉列表有幾千個幾萬個,因此通過滾動條一個個的去找不是很現實, 這時可以對select設置filterable屬性,可以在下拉控件里進行搜索。例如: 體驗的過程中還是會感覺明顯的卡頓現象,問題和上面一樣,還是因為下拉列表太多了,這時我們可以通過Select控件 ...

Wed Mar 18 07:03:00 CST 2020 0 2552
解決element-ui下拉框數據過多,導致頁面卡頓問題與本地分頁功能實現

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

Tue Mar 30 18:28:00 CST 2021 0 512
Element-ui 下拉列表 選項過多時通過自定義搜索來解決卡頓問題

當使用Select選擇器時,如果下拉列表的數據量太多,會有一個明顯的卡頓體驗,例如: writer by:大沙漠 QQ:22969969 例子里我們用options模擬大量的下拉數據,渲染如下: 由於下拉列表有幾千個,因此通過滾動條一個個的去找不是很現實的, 我們設置 ...

Fri Nov 29 02:31:00 CST 2019 1 1016
element-ui select 下拉框位置錯亂--解決

element-ui select 下拉框位置錯亂 由於使用 element-ui 的 select 組件時,下拉框的位置錯亂了。 開始查找問題 通過各種問題查找,發現是 css 問題 css html 最初是使用 ...

Thu Nov 14 22:16:00 CST 2019 0 1995
下拉框選項定位

一開始在下拉框選擇某個值下了一定功夫,找了好多個方法,忘記了哪個大神啟蒙了我。 有參考到兩個方法,如下 我嘗試了個方法 思路是先找到下拉框的元素,再往下拉框元素模糊查詢字符串 如果是在excel控制參數的,可以在單元格維護參數 ...

Wed Jun 06 19:56:00 CST 2018 0 867
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM