vue中使用v-bind動態系結src無法加載圖片。求解答，謝謝。-有解無憂

當把路徑寫死時，圖片可以正常顯示。

當使用v-bind動態系結時，顯示空白。

uj5u.com熱心網友回復：

首先排查路徑問題，其次排查item中包含的資料

uj5u.com熱心網友回復：

<img :src="https://bbs.csdn.net/topics/item.src" />

src: require('@/assets/about-bg1.png')

動態系結圖片要用 require 來引入圖片

uj5u.com熱心網友回復：

參考 1 樓趔趄上岸的青年的回復:

首先排查路徑問題，其次排查item中包含的資料

路徑可以正常顯示出來，但是圖片是空白的，img0*0

uj5u.com熱心網友回復：

require那個是正解，原理不大清楚

uj5u.com熱心網友回復：

參考 4 樓 Oliver尹的回復:

require那個是正解，原理不大清楚

require這個我沒看懂怎么用的

uj5u.com熱心網友回復：

參考 2 樓貓貓貓貓貓？的回復:

<img :src="https://bbs.csdn.net/topics/item.src" />

src: require('@/assets/about-bg1.png')

動態系結圖片要用 require 來引入圖片

第二行這個src，應該寫在哪里？不好意思，不太明白。

uj5u.com熱心網友回復：

參考 2 樓貓貓貓貓貓？的回復:

<img :src="https://bbs.csdn.net/topics/item.src" />

src: require('@/assets/about-bg1.png')

動態系結圖片要用 require 來引入圖片

我想問一下，我傳的是json里邊的地址，請問怎么用require包裹呀?

uj5u.com熱心網友回復：

require（json.src）

uj5u.com熱心網友回復：

參考 7 樓 Spiderman9 的回復:

Quote: 參考 2 樓貓貓貓貓貓？的回復:
<img :src="https://bbs.csdn.net/topics/item.src" />

src: require('@/assets/about-bg1.png')

動態系結圖片要用 require 來引入圖片

我想問一下，我傳的是json里邊的地址，請問怎么用require包裹呀?

https://www.cnblogs.com/qiu-freedom/p/10421091.html

uj5u.com熱心網友回復：

參考 8 樓貓貓貓貓貓？的回復:

require（json.src）

非常感謝您！謝謝解答！

uj5u.com熱心網友回復：

參考 9 樓貓貓貓貓貓？的回復:

Quote: 參考 7 樓 Spiderman9 的回復:
Quote: 參考 2 樓貓貓貓貓貓？的回復:
<img :src="https://bbs.csdn.net/topics/item.src" />

src: require('@/assets/about-bg1.png')

動態系結圖片要用 require 來引入圖片

我想問一下，我傳的是json里邊的地址，請問怎么用require包裹呀?

https://www.cnblogs.com/qiu-freedom/p/10421091.html

再次感謝！

uj5u.com熱心網友回復：

使用require包含圖片路徑
或者改webpack的一個配置欄位名叫 publicPath 好像是這個名字樓主可以百度看看

uj5u.com熱心網友回復：

參考 12 樓浴火_鳳凰的回復:

使用require包含圖片路徑
或者改webpack的一個配置欄位名叫 publicPath 好像是這個名字樓主可以百度看看

你好，已經解決了，正是使用require包含圖片路徑。感謝！

uj5u.com熱心網友回復：

require包含圖片路徑適合圖片少的情況多了還是建議改 publicPath 的配置

uj5u.com熱心網友回復：

參考 14 樓浴火_鳳凰的回復:

require包含圖片路徑適合圖片少的情況多了還是建議改 publicPath 的配置

好的，謝謝，具體我再了解了解，剛接觸vue很多地方沒搞明白

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/23631.html

標籤：JavaScript

上一篇：請問，各位大佬。我 Ctrl+s 保存下來的網頁怎么樣做這眼睛才會顯示出來？

下一篇：canvas繪制坐標尺動態設定每個刻度之間的間距