當Vue中img的src是動態渲染時不顯示問題


最近遇見動態渲染img時,想起了當初剛開始寫vue時,曾經遇見的一個小小坑。

Vue中:img的src屬性是動態渲染時
不顯示問題
1.需求:展示用戶頭像,數據從后台獲取,如果沒有拿到則顯示默認圖片。

如圖:

 

2.第一次寫:

如圖:

 

3.結果(汗。。。)並沒有顯示默認圖片來代替:

審查元素發現沒顯示默認的圖片,圖片沒有被打包。。。。

如圖:

 

4.解決方案:

1、使用require引入圖片

2、使用img的onerror屬性

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM