如何在 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>

Answer 1

The solution for this question:

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