我只是在玩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
对此有什么建议吗?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
查看这个答案:
如何在vue javascript中引用静态资源
简而言之,你可以通过以下方式获取你想要的结果:
<ion-img :src="require('../assets/logo.svg')" />