我在顯示我想從 SQL 資料庫中獲取路徑的影像時遇到問題，然后我將它們顯示在我的網站專案中。這是我試圖使其作業的方式：
<div class="imagesInQuestion">
<img class="inlineImages" :src="testItem.pictureLink" />
</div>
在testItem.pictureLink我有這個字串"@/assets/b1q2v1.png"
這不起作用，因為影像的路徑發生了變化。在開發人員選項的網路選項卡中，請求 URL 更改為
本地主機：8080/courses/tests/@/assets/b1q2v1.png
然后當我在沒有 v-bind 的情況下手動輸入字串時：
<div class="imagesInQuestion">
<img class="inlineImages" src="@/assets/b1q2v1.png" />
</div>
圖片顯示為請求 URL
本地主機：8080/img/b1q2v1.2aa65ed1.png
我嘗試過類似的解決方案
<div class="imagesInQuestion">
<img
class="inlineImages"
:src="required(testItem.pictureLink)"
/>
</div>
但它不起作用，錯誤是：
錯誤：找不到模塊“@/assets/b1q2v1.png”
如何正確地將 src 屬性系結到我的動態圖片路徑？
uj5u.com熱心網友回復：
您可以更改pictureLink為僅一個名稱：
testItem.pictureLink = 'b1q2v1'
然后創建獲取影像的方法：
methods: {
getImage(img) {
return require(`@/assets/${img}.png`);
}
}
并從模板呼叫該方法：
<img class="inlineImages" :src="getImage(testItem.pictureLink)" />
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/480941.html