vue項目中，圖片無法顯示時，顯示默認圖片，但默認圖片路徑出錯

問題描述

在vue項目中，同樣的圖片，設置在img的src中能正常顯示
設置在img的onerror中不能正常顯示

原因

項目啟動后， 圖片的路徑並不是我們寫的路徑了。

示例：
源代碼：

// 直接加載
<img src="../../assets/img/timg.jpg">
// 設置為logo.png加載失敗后顯示的默認圖片
<img src="/logo.png" onerror="this.src=../../assets/img/timg.jpg">

渲染后，瀏覽器控制台查看到的

解決方案

<img src="/logo.png" :onerror="defaultImg">

data() {
  return {
    defaultImg: 'this.src="' + require('../../assets/img/timg.jpg') + '"'
  }
}