vue圖片不存在時加載默認圖片

在文件中的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="" :onerror="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
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！