在文件中的img那里添加:οnerrοr="errorImg01"，然后設置errorImg01的路徑如果直接寫成

errorImg01: ('../../assets/images/item_image.png')，會找不到這個圖片

?

由于項目啟動后， 圖片的路徑并不是我們寫的路徑了。所以我們用

errorImg01: 'this.src="' + require('../../assets/images/item_image.png') + '"'這個來請求圖片。

<template> <div class="goods_img"><img :src="item.PicUrl" alt="" :οnerrοr="errorImg01"></div> </template><script>export default {name: "ListItems",data () {return {errorImg01: 'this.src="' + require('../../assets/images/item_image.png') + '"'}} } </script>

---------------------
作者：祗想安靜地。
來源：CSDN
原文：https://blog.csdn.net/jingjingshizhu/article/details/81315841
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！

總結

以上是生活随笔為你收集整理的vue图片不存在时加载默认图片的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。