[問題] v ue v-for問題 RichieRich PTT批踢踢實業坊

[問題] v ue v-for問題

作者: RichieRich (Richie) 2019-06-24 14:41:16

我剛學vue不久約二週遇到一個問題
當我把array 每過一段時間一次增加一百筆
過了幾百筆後流覽器就會很卡要過幾秒才會跑完
請問有沒有方式讓它只渲染只增加的其他存在就不渲染
畫面是所有array的資料
我試過改用2維v-for方式把前一組增加的array freeze
看起來還是一樣
thanks

作者: mackliu (回不去的大叔) 2019-06-24 15:17:00

問題是你的array整體最後就很大，瀏灠器最後要顯示的就是那麼多的東西..

作者: RichieRich (Richie) 2019-06-24 16:10:00

我本來想JS append html方式但後來發現抓不到id handl不知道VUE有沒有替代的方案?我本來是用一個陣列約一百條的方式下次清空再其他SHOW別人就是不準我這樣作

作者: freeccc (自由的ccc) 2019-06-24 21:05:00

查一下 vue large list solution

作者: a510042003 (寶咖咖啡) 2019-06-26 10:50:00

V-for bind key就不會導致re render

作者: satanbaby (撒旦北鼻) 2019-06-26 20:46:00

如果直接陣列push會嗎

作者: RichieRich (Richie) 2019-07-01 15:19:00

加KEY好像也一樣我用COMPUTED的方式去PUSH的不知會不會有影想別人又不讓我用virtual list

作者: thethirdfoot (第三隻腳) 2019-07-01 18:42:00

先整個array freeze在來filter顯示部份資料

作者: RichieRich (Richie) 2019-07-01 19:41:00

我試過用2D array把前面那組凍結情形好像差不多

繼續閱讀

[問題](已解決) Vue + laravel 的修改問題oinnnnk [問題] 這種3D建築圖形要用什麼套件？Wujidadi [問題] 請教有關dialogflow用apps script或nodebabyhope Re: dojoesajhih [問題] line瀏覽器如何防右滑關閉視窗liisi [問題] 關於網頁overflow:hiddenFrankYoshi [問題] 請教網路上有沒有推薦的用JS實作NLP大神?seiferthan Re: [問題] 分不清Jquery 的val與attr(value)kisha024 Re: [問題] 用 jQuery 模擬鍵盤輸入? keypress 或 …pizzafan [問題] Vue在大型專案的效率James610024