在做專案時遇到的乙個問題。
專案是基於 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 帶多幾份簡歷前往面試,沒有比當被要求提供多乙份簡歷而你卻沒有更能顯示 你缺乏準備的事了。帶多幾份簡歷,面試你...