亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

vue 銷毀數據量很大的頁面會卡

vue 銷毀數據量很大的頁面會卡

嗶嗶one 2019-03-19 17:15:41
當前項目使用vue與element做的,發現一個問題,進入當前頁面后,會請求接口,其中某個接口數據有3000+條,然后將數據交給element-ui渲染出select,(頁面渲染不會卡),當頁面加載完畢后,切換其他路由發現會卡在當前頁面,過一會才會跳轉,而頁面的生命周期執行了beforeDestroy,但沒有執行destroyed,說明卡在了這兩者之間(如果把剛才3000+的接口注釋掉就不會卡),有大佬遇到過這種問題嗎?
查看完整描述

2 回答

?
MMMHUHU

TA貢獻1834條經驗 獲得超8個贊

按道理應該是渲染的時候卡,你那個有報錯嗎


查看完整回答
反對 回復 2019-04-03
  • 慕仰8008292
    慕仰8008292
    這個數據量渲染的時候應該不會卡,但是頁面切換時如果還在請求這個接口,這就會卡了,vue dom 是由js 來操作渲染的,當有數據改變時會走 diff 算法來判斷是哪個節點的數據變更了。 當一段腳本長時間占用著處理機,就會掛起瀏覽器的GUI更新,主線程不要長時間執行大量數據。所以解決辦法還是后臺返回少量數據
?
茅侃侃

TA貢獻1842條經驗 獲得超22個贊

很不幸我300條的時候點擊下拉都有明顯卡頓

想想這種設計本身就不合理,3000條數據一次性從后端都扔給前端,用戶也不可能去選擇某一條,不如改為remote-search的解決方案


查看完整回答
反對 回復 2019-04-03
  • 2 回答
  • 0 關注
  • 2179 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號