Ionic 图像加载技巧
P粉416996828
2023-08-26 20:03:50
<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>
查看这个答案：
如何在vue javascript中引用静态资源
简而言之，你可以通过以下方式获取你想要的结果：
<ion-img :src="require('../assets/logo.svg')" />