在vue項目中動態的引用本地圖片

<img src="xxxxxx/xx/xx.jpg"/>

這是一般寫法，但是隻能引用相對路徑下的圖片

如果引用的是本地絕對路徑的圖片，一般需要使用require()方式，當然require()也適用於相對路徑

<img src="require("../../xxxx/xx.jpg")"/>

<img :src="imgURL"/>

imgURL: require('xxx/xx/xx.jpg'); 

以上方式對於指定的圖片有效，如果圖片的名稱不確定，則使用以下方式

require ()不接受變量，所以不可以動態賦值，但可以使用佔位符（注意是反引號！！！）

<img :scr="require(`../../static/xxx/${imgName}.jpg`)"/>

當然，這種方式僅適用於相對路徑下的圖片

如果需要使用的是本地圖片，並且圖片名稱是無法事先確定的

將本地圖片先轉爲base64圖片，然後就闊以遼~

<img :src="'data:image/jpg;' + 'base64,' + imgName" />
// 這裏的imgName即base64編碼

親測有效

（手動狗頭） 告辭