Ionic 影像載入技巧
P粉416996828
2023-08-26 20:03:50
<p>我只是在玩Ionic和Vue 3。 </p>
<p>但是當我使用<code>ion-img</code>標籤時，從assets資料夾載入的圖片沒有正確顯示。 </p>
<p>資料夾結構：</p>
<pre class="brush:php;toolbar:false;">- assets
-- logo.svg
- views
-- Authentication.vue</pre>
<p>當我使用標準的HTML <code>img</code>載入圖片時，它可以正常工作，但使用<code>ion-img</code>時卻不行。 </p>
<pre class="brush:php;toolbar:false;"><ion-row>
<img src="../assets/logo.svg"/>
<ion-img src="../assets/logo.svg"></ion-img>
</ion-row></pre>
<p>我已經嘗試了以下不同的src路徑：</p>
<pre class="brush:php;toolbar:false;">./assets/logo.svg
../assets/logo.svg
../../assets/logo.svg (不合理，但我也試過)
~/assets/logo.svg</pre>
<p>對此有什麼建議嗎？ </p>
看這個答案：
如何在vue javascript中引用靜態資源
#簡而言之，你可以透過以下方式取得你想要的結果：
<ion-img :src="require('../assets/logo.svg')" />