Tipps zum Laden ionischer Bilder
P粉416996828
2023-08-26 20:03:50
<p>Ich spiele nur mit Ionic und Vue 3 herum. </p>
<p>Aber wenn ich das Tag <code>ion-img</code> verwende, werden die aus dem Assets-Ordner geladenen Bilder nicht korrekt angezeigt. </p>
<p>Ordnerstruktur: </p>
<pre class="brush:php;toolbar:false;">- Assets
-- logo.svg
- Ansichten
-- Authentication.vue</pre>
<p>Wenn ich das Bild mit Standard-HTML <code>img</code> lade, funktioniert es einwandfrei, aber nicht, wenn ich <code>ion-img</code> verwende. </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>Ich habe die folgenden verschiedenen Quellpfade ausprobiert: </p>
<pre class="brush:php;toolbar:false;">./assets/logo.svg
../assets/logo.svg
../../assets/logo.svg (unvernünftig, aber ich habe es auch versucht)
~/assets/logo.svg</pre>
<p>Irgendwelche Vorschläge dazu? </p>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
查看这个答案：
如何在vue javascript中引用静态资源
简而言之，你可以通过以下方式获取你想要的结果：
<ion-img :src="require('../assets/logo.svg')" />