图像加载离子

Question

我只是在玩 Ionic 和 Vue 3。

但是当我使用ion-img 标签时，图片没有从资产文件夹正确加载。

文件夹结构：

- 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-path 尝试了以下变体：

./assets/logo.svg
../assets/logo.svg
../../assets/logo.svg (Irrational but I tried it too)
~/assets/logo.svg

对此有何建议？

Answer 1

检查这个答案：

How to reference static assets within vue javascript

简而言之，你应该得到你想要的：

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