Vue.js項目中,當圖片無法顯示時則顯示默認圖片


使用require將圖片進入,寫法如下:

data: () => ({logo: 'this.src="' + require('../assets/img.png') + '"'})

注:我是在data里就將字符串拼接好了,當然也可以在onerror方法里拼接,這里就不贅述了。

然后在img的onerror方法中調用

<img v-bind:src="userData.photo" :onerror="logo" class="img-box4">

 

在v-bind標簽中,單引號' '引用的內容作為字符串存在;雙引號" "引用的內容作為變量/表達式存在,可以進行運算。


免責聲明!

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



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