前言

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

方法如下

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

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

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

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

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

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

總結

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com