VueJ를 사용하여 Axios 데이터 응답에서 이미지 URL을 다운로드하려면 어떻게 해야 합니까?s

VueJ를 사용하여 Axios 데이터 응답에서 이미지 URL을 다운로드하려면 어떻게 해야 합니까?s

프런트 엔드의 데이터를 Vue로 루프한 후 이미지를 표시할 수 있지만 다운로드 방법을 모르겠습니다.이미지 또는 다른 버튼을 클릭하여 이미지를 다운로드 할 수 있도록 하고 싶습니다.

<ul>
   <li v-for="data in mydata" :key="data.id">
      <img :src= "data.url" alt="image" class="img-thumbnail"/>
    </li>
</ul>

를 사용할 수 있습니다.download의 특성<a>요소:

<li v-for="data in mydata" :key="data.id">
  <a :href="data.url" download>
    <img :src="data.url" alt="image" class="img-thumbnail"/>
  </a>
</li>

단, IE 및 Safari는 지원하지 않습니다.download
https://caniuse.com/ #http=syslog

언급URL : https://stackoverflow.com/questions/49746042/how-do-i-download-an-image-url-from-axios-data-response-using-vuejs