關於 vue項目中safari瀏覽器下img標籤中路徑錯誤時的渲染問題

最近在做vue項目中，遇到通過請求到的數據循環渲染圖片的問題，具體情況如下：

Google瀏覽器中是這樣：

• 後來我做了處理，當一組數據中的圖片的url地址沒有時，只渲染有的，沒有的用默認的背景圖片,這裏判斷我用的v-show

<img v-show='track.imageUr' :src="track.imageUrl"  :alt="`${track.title} 앨범 커버`" />

• 但是發現在Google中，沒有問題。而在safari瀏覽器中，如下圖的情況
  
• 後來發現是圖片路徑有，但是在404的情況，也就是圖片路徑錯誤，這種情況下，safari還是會默認渲染一個img標籤，這就會出現上面的情況，所以爲了更完善的處理這種情況，讓圖片路徑沒有時或者圖片路徑有但是錯誤的時候，應該用默認背景圖片。於是我再次修改代碼如下：
  html部分：

<img v-show='track.imageUrl' :src="track.imageUrl" @error='onError($event)' :alt="`${track.title} 앨범 커버`" />

js部分

onError(event) {
      event.target.src ="默認的圖片地址" ;
    },

最後問題解決了，沒有上面的情況了