찾다

 >  Q&A  >  본문

이온 이미지 로딩 팁

<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>
P粉416996828P粉416996828486일 전609

모든 응답(1)나는 대답할 것이다

  • P粉281089485

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

    이 답변을 확인하세요:

    vue javascript에서 정적 리소스를 참조하는 방법

    간단히 말하면 다음과 같은 방법으로 원하는 결과를 얻을 수 있습니다.

    으아악

    회신하다
    0
  • 취소회신하다