一、引入普通圖片

1、代碼示例：

<div class="question"><!-- 錯誤寫法 --><el-empty image="../assets/noinformation.svg" description="暫無問卷"><el-button type="primary">按鈕</el-button></el-empty><!-- 正確寫法 一定要注意image屬性是有:的,不然圖片無法顯示--><el-empty :image="require('../assets/noinformation.svg')" description="暫無問卷"><el-button type="primary">按鈕</el-button></el-empty>
</div>

2、參考鏈接：

el-empty Empty 空狀態 自定義圖片 使用本地圖片_el-empty 自定義圖片-CSDN博客

二、base64 編譯顯示圖片

1、代碼示例：

拼接前綴, 分別是?data:圖片類型 、 編碼類型、 data字符串數據

2、拓展說明：

1. 圖片以流的形式寫到頁面顯示：圖片的字節數組通過base64編譯后返回前端。
2. 前端拿到這個data字符串后，先拼接前綴：分別是data:圖片類型;編碼類型,data字符串數據。
3. 前端顯示圖片的兩種方式：css方式、img標簽方式

3、 參考鏈接：

base64編碼顯示圖片_別逼逼!出馬吧!的博客-CSDN博客_base64圖片顯示