今天當我使用el-image 想要綁定src時
會變成這樣
圖片加載不出來，以前也遇到過這個問題，不過沒有記錄，這次就記錄一下解決辦法。
1. 當我們請求本地的圖片文件時，在路徑前面加上require（），可以解決
<el-image class="headPortrait" :src=
"require(`../../xxx/xxx/${item.img}`)" fit="contain"></el-image>
2. 當我們本地可以顯示，但是服務器上加載失敗時，這是因為當你在元素里面綁定:src時,Vue將綁定屬性的路徑作為字符串輸出了。
export default {
data () {
return {
img: '../../XXX/XXX/xx.png'
}
}
}
<el-image :src="img"></el-image>
// 這種方式會先找到路徑解析完在渲染圖片
以上就是我暫時了解的解決辦法，如果有更好的辦法，歡迎補充。