vue配合jquery遇到的問題

按照官方文檔 this.$nextTick能夠在dom渲染完成以後執行操做，因而出現瞭如下問題：

如圖

• 上圖爲列表部分，下圖爲vue部分
• 採用watch監聽數據變化,而後用this.$nextTick等待dom渲染完成再執行方法

預期獲得這樣的結果

實際上獲得的結果

若是說在控制檯執行方法，能夠將上圖變爲預期結果

• 初看之下，彷佛this.$nextTick並無生效，可是實際上的確是dom渲染完成以後才執行的方法;
• 猜想緣由是圖片源是位於服務器端，而不在vue端，dom渲染完成，可是圖片資源並無加載完成，因而出現了這樣的狀況;
• 解決方案是設置定時器,如圖

採用這種方式延時等待圖片資源加載完成，可是若是請求端網絡狀況較差，仍然會出現加載不全的狀況，所以此方案也有一些不穩定性。

以上