how to download files in vuejs?

Question

I am trying to download a file in my website . item.upload_attachment contain the link of the download link url eg localhost:8000/media/uploads/poppy.docx. But i want the link to be clickable so that the user can download it. Is it possible to put it in a <a></a> tags ?

index.vue

<template v-slot:item.upload_attachment="{ item }">
     <span>
       {{ item.upload_attachment}}
     </span>
</template>

Does this answer your question? [Download File Using JavaScript/jQuery](https://stackoverflow.com/questions/3749231/download-file-using-javascript-jquery) — Bruno Francisco, Aug 09 '22 at 08:19
What you are looking for is to "How to download file in JS". Here is a link that will help https://stackoverflow.com/questions/3749231/download-file-using-javascript-jquery — Bruno Francisco, Aug 09 '22 at 08:19
Yes, it is possible to put the link as HREF attribute for an A tag. — IVO GELOV, Aug 09 '22 at 12:06

score 0 · Accepted Answer · answered Aug 10 '22 at 01:11

0

The solution for this question:


<template v-slot:item.upload_attachment="{ item }">
                 <span>
                    <a :href=item.upload_attachment> Download</a>
                </span>
              </template>

answered Aug 10 '22 at 01:11

Gavin Teo Juen

310
5
18

how to download files in vuejs?

1 Answers1