首頁  >  問答  >  主體

Ionic 影像載入技巧

<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>
P粉416996828P粉416996828419 天前559

全部回覆(1)我來回復

  • P粉281089485

    P粉2810894852023-08-27 16:15:09

    看這個答案:

    如何在vue javascript中引用靜態資源

    #簡而言之,你可以透過以下方式取得你想要的結果:

    <ion-img :src="require('../assets/logo.svg')" />

    回覆
    0
  • 取消回覆