首页  >  问答  >  正文

Ionic 图像加载技巧

<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>
P粉416996828P粉416996828419 天前558

全部回复(1)我来回复

  • P粉281089485

    P粉2810894852023-08-27 16:15:09

    查看这个答案:

    如何在vue javascript中引用静态资源

    简而言之,你可以通过以下方式获取你想要的结果:

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

    回复
    0
  • 取消回复