Vue項目中v-bind動態綁定src路徑不成功

問題：

在做Vue項目的時候，由於項目需求，需要動態綁定img的src時，突然發現如果說是直接請求后台接口的圖片地址就能顯示，

但是直接動態綁定img的src的圖片的相對路徑或者是絕對路徑的時候，圖片不能顯示。

 

 

解決方案 1

當在給數據MyimgSrc 設置絕對路徑或者是相對路徑時應該使用require引入才能成功

 currentSrc : require("@/assets/1.png")

 

解決方案 2

直接導入

<img :src="url"/> import url from '../../assets/logo.png' data { url, }

 

解決方案 3

把圖片放到static 文件夾里面 就能直接引入

 

總結：

當動態綁定img的src的時候，vue數據綁定圖片的相對路徑或者是絕對路徑的時候，需要require路徑。