<tbody id="5vw1z"></tbody>
<rp id="5vw1z"></rp>
  •  

    vue 圖片顯示失敗 設置顯示默認圖片

    方法一:

     <img class="headerImg" :src="item.headImg || './images/common/default.jpg'" onerror="this.src='./images/common/default.jpg';" alt="">
    

    方法二:

    <img class="headerImg" :src="''" :onerror="defaultImg" alt="">
     // data中 寫入 defaultImg: 'this.src="./images/common/default.jpg"',
    

    方法三(在腳手架中 需要用require 拿到默認圖片資源):

    <img :src="childItem.orgHeaderImg || '@/assets/images/home/default.jpg'" :onerror='`this.src="${require("@/assets/images/home/default.jpg")}"`' alt="">
    

    「點點贊賞,手留余香」

    0

    給作者打賞,鼓勵TA抓緊創作!

    微信微信 支付寶支付寶

    還沒有人贊賞,快來當第一個贊賞的人吧!

    聲明:
    1. 本站所有文章教程及資源素材均來源于網絡與用戶分享或為本站原創,僅限用于學習和研究。
    2. 如果內容損害你的權益請聯系客服QQ:1642748312給予處理。
    碼云筆記 » vue 圖片顯示失敗 設置顯示默認圖片

    發表回復

    IT互聯網行業相關廣告投放 更專業 更精準

    立即查看 聯系我們
    亚洲 自拍 另类小说综合图区