Conseils de chargement d'images ioniques
P粉416996828
2023-08-26 20:03:50
<p>Je suis juste en train de jouer avec Ionic et Vue 3. </p>
<p>Mais lorsque j'utilise la balise <code>ion-img</code>, les images chargées depuis le dossier Assets ne s'affichent pas correctement. </p>
<p>Structure des dossiers : </p>
<pre class="brush:php;toolbar:false;">- actifs
-- logo.svg
- vues
-- Authentication.vue</pre>
<p>Lorsque je charge l'image en utilisant le code HTML standard <code>img</code>, cela fonctionne correctement, mais pas lorsque j'utilise <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>
</ligne-ion></pre>
<p>J'ai essayé les différents chemins src suivants : </p>
<pre class="brush:php;toolbar:false;">./assets/logo.svg
../actifs/logo.svg
../../assets/logo.svg (déraisonnable, mais je l'ai essayé aussi)
~/assets/logo.svg</pre>
<p>Des suggestions à ce sujet ? </p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Découvrez cette réponse :
Comment référencer des ressources statiques en vue javascript
En bref, vous pouvez obtenir les résultats souhaités en :
<ion-img :src="require('../assets/logo.svg')" />