Ionic 影像載入技巧

Question

我只是在玩Ionic和Vue 3。

但是當我使用ion-img標籤時，從assets資料夾載入的圖片沒有正確顯示。

資料夾結構：

- assets
-- logo.svg
- views
-- Authentication.vue

當我使用標準的HTML img載入圖片時，它可以正常工作，但使用ion-img時卻不行。

<ion-row>
      <img src="../assets/logo.svg"/>
      <ion-img src="../assets/logo.svg"></ion-img>
</ion-row>

我已經嘗試了以下不同的src路徑：

./assets/logo.svg
../assets/logo.svg
../../assets/logo.svg (不合理，但我也試過)
~/assets/logo.svg

對此有什麼建議嗎？

Answer 1

看這個答案：

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

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

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