Petua memuatkan imej ionik
P粉416996828
2023-08-26 20:03:50
<p>Saya hanya bermain-main dengan Ionic dan Vue 3. </p>
<p>Tetapi apabila saya menggunakan teg <code>ion-img</code>, imej yang dimuatkan daripada folder aset tidak dipaparkan dengan betul. </p>
<p>Struktur folder: </p>
<pre class="brush:php;toolbar:false;">- aset
-- logo.svg
- pandangan
-- Authentication.vue</pre>
<p>Apabila saya memuatkan imej menggunakan HTML standard <code>img</code> ia berfungsi dengan baik, tetapi tidak apabila menggunakan <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>Saya telah mencuba laluan src berbeza berikut: </p>
<pre class="brush:php;toolbar:false;">./assets/logo.svg
../assets/logo.svg
../../assets/logo.svg (tidak munasabah, tetapi saya mencubanya juga)
~/assets/logo.svg</pre>
<p>Ada sebarang cadangan tentang perkara ini? </p>
Lihat jawapan ini:
Cara merujuk sumber statik dalam vue javascript
Ringkasnya, anda boleh mendapatkan hasil yang anda inginkan dengan: