Ionic イメージ読み込みのヒント
P粉416996828
2023-08-26 20:03:50
<p>Ionic と Vue 3 をいじってるだけです。 </p>
<p>しかし、<code>ion-img</code> タグを使用すると、アセット フォルダーからロードされた画像が正しく表示されません。 </p>
<p>フォルダー構造: </p>
<pre class="brush:php;toolbar:false;">- アセット
-- ロゴ.svg
- ビュー
-- 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 で静的リソースを参照する方法
つまり、次の方法で必要な結果を得ることができます:
リーリー