Vue.js項目中,當圖片無法顯示時則顯示默認圖片
使用require將圖片進入，寫法如下： data: () => ({logo: 'this.src="' + require('../assets/img.png') + '"'}) 注：我是在data里就將字符串拼接好了，當然也可以在onerror方法里拼接，這里就不贅述 ...
原文：Vue.js項目中,當圖片無法顯示時則顯示默認圖片
Vue.js項目中,當圖片無法顯示時則顯示默認圖片使用onerror方法 最近在學習Vue時，遇到了一個問題，就是從后台傳過來的圖片路徑無效時，需要在頁面顯示默認圖片 本人試了 種方法， 種方法失敗了 失敗原因：圖片定位失敗 失敗方法一： 見http: blog.csdn.net qq article details 失敗方法二： 直接把圖片路徑直接寫在data里面作為變量傳到模板中，但是卻發現圖 ...
2019-05-15 16:42 0 1083 推薦指數：
相關推薦
vue項目中，圖片無法顯示時，顯示默認圖片，但默認圖片路徑出錯
問題描述 在vue項目中，同樣的圖片，設置在img的src中能正常顯示 設置在img的onerror中不能正常顯示 原因 項目啟動后， 圖片的路徑並不是我們寫的路徑了。 示例： 源代碼： // 直接加載 src ...
vue.js顯示base64string圖片
昨天在vue.js項目中，產生彩色二維碼，並顯示出來。 如這個樣子： 敢用手機掃一掃？ 哈哈，這個二維碼只是本博客http://insus.cnblogs.com鏈接而已。 代碼簡單： HTML Source Code ...
vue中的圖片加載與顯示默認圖片
HTML： JS： 針對尺寸不統一的：先顯示默認圖片，加載成功時移除默認圖片，填充背景。 ...
vue 圖片加載錯誤顯示默認圖片
參考文檔 https://www.cnblogs.com/z937741304/archive/2019/11/06/11809547.html 方法一： onerror onerror加載默認圖片 方法二：自定義指令 建議先加載圖片，圖片加載錯誤后加載默認圖片，自定義指令可在 ...
vue判斷圖片為空或者圖片加載不成功時顯示默認圖片
純css解決方案： 這樣使用是應為img標簽的一些特性： 1，img是個比較特殊的標簽，和video一樣具有被替代性，所有當圖片加載成功時，原先定義的偽類會失去作用不提示。 2，alt屬性會在圖片加載失敗是出現（替代文字），這樣偽類就會起作用 ...
vue 項目中引入圖片使用相對路徑，圖片不顯示的問題
在 vue 項目中引入圖片，路徑為相對路徑時，會顯示 src="[object Module]" 采用 import 方式引入圖片，再設置到 src 中 會正常顯示 file-loader 版本 當 file-loader 版本為4.3.0 及以上時，需要在 配置文件中手動配置屬性 ...