Ionic イメージ読み込みのヒント

Question

Ionic と Vue 3 をいじってるだけです。

しかし、ion-img タグを使用すると、アセット フォルダーからロードされた画像が正しく表示されません。

フォルダー構造:

- アセット
-- ロゴ.svg
- ビュー
-- 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 で静的リソースを参照する方法

つまり、次の方法で必要な結果を得ることができます:

リーリー