el option 1500 條時的卡頓問題

2021-09-29 07:58:12 字數 748 閱讀 8929

在做專案時遇到的乙個問題。

專案是基於 vue 框架做的。

select 的 option 是通過 v-for 迴圈出來的,在條數較少時是非常方便的,但問題在於當條數多了之後就會出現卡頓現象。

我做的條數有 1600 條 ,導致有 6 秒左右的延時,查詢了很久之後發現的 bug 源頭。

可以把 select 選擇器做成遠端搜尋的效果。

不要把後台返回的資料直接用 v-for 顯示出來,而是經過搜尋緩衝一步。

1

el-select(v-model='detail.sitename' filterable remote placeholder='請輸入站點名' :remote-method="remotemethod" :loading="loading")

2 el-option(v-for='site in newsitelist' :key='site.id' :label='site.sitename' :value='site.sitename')

1

remotemethod(query) )

11 }, 200)

1213 } else

16 }

當然這只是一種解決方案,也可以去麻煩一下後台做成這個效果。

也就是輸入關鍵字後再顯示下拉 option 。

問題解決

end~~~≥ω≤

qt 程式忙碌時的進度條

當程式在執行一項 或多項 耗時比較久的操作時,介面總要有一點東西告訴使用者 程式還在執行中 那麼,乙個 沒有終點 的進度條就是你需要的了。ps 最好把耗時的操作扔到乙個子執行緒中去,以免他阻塞了介面執行緒,造成程式卡死的假象。思路 程式很簡單,乙個進度條,乙個定時器就足夠了。截圖 源 cpp vie...

面試時必須要注意的24條

面試是你整個求職過程中最重要的階段。成敗均決定於你面試時的短短一瞬間的表 現。每個人都能夠學會怎麼出色地面試,而且絕大多數的錯誤都可以預期並且避免,下 面這24條提示將給你帶來成功的契機。1 帶多幾份簡歷前往面試,沒有比當被要求提供多乙份簡歷而你卻沒有更能顯示 你缺乏準備的事了。帶多幾份簡歷,面試你...

面試時必須要注意的24條

面試是你整個求職過程中最重要的階段。成敗均決定於你面試時的短短一瞬間的表 現。每個人都能夠學會怎麼出色地面試,而且絕大多數的錯誤都可以預期並且避免,下 面這24條提示將給你帶來成功的契機。1 帶多幾份簡歷前往面試,沒有比當被要求提供多乙份簡歷而你卻沒有更能顯示 你缺乏準備的事了。帶多幾份簡歷,面試你...