最近遇見動態渲染img時,想起了當初剛開始寫vue時,曾經遇見的一個小小坑。
Vue中:img的src屬性是動態渲染時
不顯示問題
1.需求:展示用戶頭像,數據從后台獲取,如果沒有拿到則顯示默認圖片。
如圖:
2.第一次寫:
如圖:
3.結果(汗。。。)並沒有顯示默認圖片來代替:
審查元素發現沒顯示默認的圖片,圖片沒有被打包。。。。
如圖:
4.解決方案:
1、使用require引入圖片
2、使用img的onerror屬性
最近遇見動態渲染img時,想起了當初剛開始寫vue時,曾經遇見的一個小小坑。
Vue中:img的src屬性是動態渲染時
不顯示問題
1.需求:展示用戶頭像,數據從后台獲取,如果沒有拿到則顯示默認圖片。
如圖:
2.第一次寫:
如圖:
3.結果(汗。。。)並沒有顯示默認圖片來代替:
審查元素發現沒顯示默認的圖片,圖片沒有被打包。。。。
如圖:
4.解決方案:
1、使用require引入圖片
2、使用img的onerror屬性
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。