前言

本文主要給大家介紹的關(guān)于vue實現(xiàn)圖片加載失敗時用默認圖片替換的相關(guān)內(nèi)容，分享出來供大家參考學習，下面話不多說了，來一起看看詳細的介紹吧

方法如下

原理就是給img綁定error事件，替換原有的src地址。

首先在data中創(chuàng)建一個defaultImg（隨便起的），里面的值是該默認圖片的地址；

在html頁面的img標簽上綁定該屬性

這樣默認圖片就設置好了；

這樣做的好處就是可以提高用戶體驗，而圖片的alt屬性，是在圖片顯示失敗后出現(xiàn)的文字，像下圖所示，但是這樣的用戶體驗不高；

像后臺管理系統(tǒng)中，如果是這樣或者是有一個默認封面的話，會感覺很舒服；

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對武林網(wǎng)的支持。