如何在vue中创建下载文件

Question

我的任务是在vue中下载文件，但由于我还是个初学者，所以我不知道如何制作它。

我尝试了这段代码，但结果实际上在新页面上打开了图像

<a 
    class = "btn btn-success btn-xs"
    href = "https://78.media.tumblr.com/tumblr_m39nv7PcCU1r326q7o1_500.png"
    download = "myImage.png"
    target = "_ blank"
    > Download </a>

Answer 1

您可以删除目标属性，并且文件将在同一页面上打开。

<a 
class = "btn btn-success btn-xs"
href = "https://78.media.tumblr.com/tumblr_m39nv7PcCU1r326q7o1_500.png"
download = "myImage.png"
> Download </a>

Answer 2

将此用于当前页面。

<a 
        class = "btn btn-success btn-xs"
        href = "https://78.media.tumblr.com/tumblr_m39nv7PcCU1r326q7o1_500.png"
        download = "myImage.png"
        target = "_self"
        > Download </a>