我有我認為的一個小問題，但由于超過 2 個小時我無法解決它......
我有一個 VueJs 應用程式，我正在嘗試顯示來自 API 的影像。
在我的 register.html 中，我有這樣的代碼：
<img :src="'./assets/' nation.drapeau"/>
當我檢查瀏覽器時，我看到了正確的路徑 './assets/images/drapeaux/AFC/Australie.png' 但什么也沒顯示！！！！為什么 ？我的路徑不行嗎？
我做錯了什么？這是我的 VueJs 檔案夾的結構
uj5u.com熱心網友回復：
如果使用動態 src，則必須使用 require。它由 webpack 處理，它知道在構建后將它放在 dist 中。
<template>
<div>STATIC IMAGE</div>
<img src="./assets/logo.png" />
<div>DYNAMIC IMAGE</div>
<!-- <img :src="'./assets/logo.png'" /> IT DOESN'T WORK-->
<img :src="require('./assets/logo.png')" /> <!-- IT WORKS-->
</template>
演示：
https://codesandbox.io/s/dazzling-leftpad-i3stg?file=/src/App.vue:0-281
另一個來源：
如何在Vue單檔案組件中匯入和使用影像？
uj5u.com熱心網友回復：
嘗試使用 require 因為它是動態的 src
<img :src=require(`./assets/${nation.drapeau}`)/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/354910.html