Vue.js項目中,當圖片無法顯示時則顯示默認圖片
使用require將圖片進入，寫法如下： data: () => ({logo: 'this.src="' + require('../assets/img.png') + '"'}) 注：我是在data里就將字符串拼接好了，當然也可以在onerror方法里拼接，這里就不贅述 ...
原文：vue項目中，圖片無法顯示時，顯示默認圖片，但默認圖片路徑出錯
問題描述 在vue項目中，同樣的圖片，設置在img的src中能正常顯示 設置在img的onerror中不能正常顯示 原因 項目啟動后， 圖片的路徑並不是我們寫的路徑了。 示例： 源代碼： 直接加載 lt img src .. .. assets img timg.jpg gt 設置為logo.png加載失敗后顯示的默認圖片 lt img src logo.png onerror this.src ...
2017-08-25 15:53 0 1109 推薦指數：
相關推薦
Vue.js項目中,當圖片無法顯示時則顯示默認圖片
Vue.js項目中,當圖片無法顯示時則顯示默認圖片使用onerror方法 最近在學習Vue時，遇到了一個問題，就是從后台傳過來的圖片路徑無效時，需要在頁面顯示默認圖片 本人試了3種方法，2種方法失敗了（失敗原因：圖片定位失敗） 失敗方法一： 見http://blog.csdn.net ...
img 圖片加載出錯時 顯示默認圖片
在 img 標簽 加上onerror="onerror=null;src='123.jpg'" ,即當圖片加載失敗時會自動加載123.jpg ，例如 src="abc.jpg" onerror="onerror=null;src='123.jpg'" /> ...
vue-圖片src路徑不存在時，顯示默認圖片
既可以保證在圖片加載失敗的時候，能加載默認圖片，也能在不存在圖片的是，不會一直進入error，處於死循環狀態 ...
vue 圖片加載錯誤顯示默認圖片
參考文檔 https://www.cnblogs.com/z937741304/archive/2019/11/06/11809547.html 方法一： onerror onerror加載默認圖片 方法二：自定義指令 建議先加載圖片，圖片加載錯誤后加載默認圖片，自定義指令可在 ...
vue中的圖片加載與顯示默認圖片
HTML： JS： 針對尺寸不統一的：先顯示默認圖片，加載成功時移除默認圖片，填充背景。 ...
img src路徑不存在時，顯示默認圖片
通過import引入圖片，defaultImg變量就是默認圖片， 在vue變量的 ...