Mint-ui中關於圖片Lazy load的坑

Mint-ui中關於圖片Lazy load的坑

在用vue結合mint-ui做單頁應用時,使用圖片懶加載,但是發現在刪除v-for渲染出來中的其中一項時,列表中被刪除的圖片居然被緩存下來了,雖然特定的一項數據被刪除了,但是圖片的視圖並沒有實時更新。
在這裏插入圖片描述
刪除列表中的第一項,數據刪除,視圖更新,但是圖片被緩存下來了,第二項的圖片本來是白雲,結果變成了火車
在這裏插入圖片描述
我這邊用的是數組的splice,結果發現了這個bug,後來改用this.$set();操作數組,雖然是ok了,但是存在一個空的

  • 標籤,最後去掉圖片上的 v-lazy 之後,再用splice來操作數組,數組中特定一項刪除,視圖更新,不存在上述問題,v-lazy有點坑。。。 哦,對了,我還用了,keep-alive結合使用。

    發表評論
    所有評論
    還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
    相關文章